Dealing with invalidation...

things.jsx

//= require ../actions/app
//= require ../stores/app
//= require ./form


var Child = React.createClass({

  getInitialState: function() {
    console.log("getInitialState");
    return {}
  },

  shouldComponentUpdate: function(nextProps) {
    console.log(( nextProps.count % 2 === 0));
    return nextProps.count % 2 === 0;
  },

  render: function() {
    console.log('rendered child')
    return (<div>{this.props.count}
    <h1>hi</h1>
    </div>);
  }

});

Pivnet.ReleaseAdmin.Components.App = React.createClass({
  getInitialState: function() {
    return { count: 0 };
  },

  _click: function(event) {
    this.setState({count: this.state.count + 1 });
  },

  render: function() {

    return (
      <div>
        <button onClick={this._click}>CLICK</button>
        <Child count={this.state.count}/>
      </div>
    );
  }
});