JSFiddle - React, Tailwind, and code Playground

by Dustin Getz

HTML

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

JavaScript 1.7

/** @jsx React.DOM */

var Hello = React.createClass({
    getInitialState: function () {
        return {
            name: this.props.name
        };
    },

    render: function() {
        return <input value={this.state.name} 
                      onChange={this.onNameChange} />;
    },
    
    onNameChange: function (e) {
        this.setState({ name: e.target.value });
    }
});

var App = React.createClass({
    render: function () {
        return (
            <div>
                <Hello name="Dustin" />
                <Hello name="Danny" />
            </div>
        );
    }

});
 
React.renderComponent(<App />, document.body);