JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript 1.7

var Item = React.createClass({
    render: function() {
        console.log("rendering Item");
        return <li>{this.props.text}</li>;
    }
});
var List = React.createClass({
    render: function() {
        console.log("rendering List");
        if (this.props.ordered) {
            x = <ol>{this.props.children}</ol>;
        } else {
            x = <ul>{this.props.children}</ul>;
        }
        return <div>{x}
           <button onClick={this.update}>Update List</button>
        </div>
    },
    
    update: function() {
        this.forceUpdate();
    }
})

var Container = React.createClass({   
    getInitialState: function() {
        return {ordered: true};
    },
    
    render: function() {
        return (
            <div>
                <List ordered={this.state.ordered}>
                    <Item text="apple" />
                    <Item text="orange" />
                    <Item text="banana" />
                </List>
                <button onClick={this.toggleOrdered}>
                   Update Container
                </button>
            </div>
        );         
    },
    
    toggleOrdered: function() {
        this.setState({ordered: !this.state.ordered});
    }
});

 
React.render(<Container />, document.body);