Testing out React diff algo

main.jsx

var TimerA = React.createClass({
  getInitialState: function() {
    return {start: this.props.start};
  },
  render: function() {
    return (
      <div>Seconds Elapsed: {this.state.start}</div>
    );
  }
});

var TimerB = React.createClass({
  getInitialState: function() {
    return {start: this.props.start};
  },
  render: function() {
    return (
      <div>Seconds Elapsed: {this.state.start}</div>
    );
  }
});

var Timer1 = React.createClass({
  getInitialState: function() {
    return {config: 0};
  },
  tick: function() { this.setState({config:1}); },
  componentDidMount: function() {
    setTimeout(this.tick, 1000);
  },
  render: function() {
    return (
      <div>
        config={this.state.config}
        <div>
          {this.state.config == 1 ? <TimerA start='' /> : <div />};
          <TimerB start={this.state.config} />;
        </div>
        {
        this.state.config == 0 ?
        <div>{[
          <TimerA key='a' start='0' />,
          null,
          <TimerB start='1' />
        ]}</div>
        :
        <div>{[
          <TimerB key='a' start='11' />,
          <TimerB start='10' />,
          <TimerB start='11' />,
          <TimerB start='12' />
        ]}</div>
        }
      </div>
    );
  }
});

React.render(<Timer1 />, mountNode);