/** @jsx React.DOM */

​

var Panel = React.createClass({

​

  getInitialState: function(){

    return {

      count: 0

    }

  },

  tick: function() {

    setInterval(function(that) {

      that.setState({

        count: that.state.count + 1

      });

    }, 500, this);

  },

  componentDidMount: function() {

    var panel = React.findDOMNode(this.refs.panel);

    React.render(<Counter count={this.state.count}/>, panel);

    this.tick();

  },

  render: function(){

    return <div ref="panel"></div>;

  }

​

});

​

var Counter = React.createClass({

​

  render: function() {

    return <p>{this.props.count}</p>

  }

​

});

​

React.render(<Panel/>, document.getElementById('container'));