JSFiddle - React, Tailwind, and code Playground

by realguess

HTML

<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

<div id="title"></div>
<div id="main"></div>

JavaScript 1.7

/** @jsx React.DOM */

var component, element;

var getElement = function (id) {
  return document.getElementById(id);
};

// Create HTML <hello> tag.
var hello = React.createClass({
  render: function () {
    return <div> Hello {this.props.name} </div>;
  }
});

component = <hello name="React" />;
element   = getElement('main');

// Render <hello>.
React.renderComponent(component, element);

component = <h1>Hello React</h1>;
element   = getElement('title');
var callback = function () {
  console.log('Component has been rendered');
};

React.renderComponent(component, element, callback);