JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://react.zpao.com/builds/master/latest/react.js"></script>
<script src="http://react.zpao.com/builds/master/latest/JSXTransformer.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

CSS

.false {
    background: red;
}

JavaScript 1.7

/** @jsx React.DOM */

var Hello = React.createClass({
    getInitialState: function() { return {i: 0, toggle: true}; },
    click: function() { this.setState({i: this.state.i + 1}); },
    toggle: function() { this.setState({toggle: !this.state.toggle}); },
    render: function() {
        var el = (<div className={!!(this.state.i % 2)} onClick={this.click}>{this.state.i} Hello {Date.now()}</div>);
        return (<div>
            <button onClick={this.toggle}>toggle</button>
            {this.state.toggle ? el : "toggled off"}
        </div>);
    }
});
 
React.renderComponent(<Hello name="World" />, document.body);