CLASS COMPONENT LIFECYCLE

// #11 COMPONENT shouldComponentUpdate
// class OnlyEvens extends React.Component {
//   constructor(props) {
//     super(props);
//   }
//   shouldComponentUpdate(nextProps, nextState) {
//     console.log('Should I update?');
//     // Change code below this line
//     return true;
//     // Change code above this line
//   }
//   componentDidUpdate() {
//     console.log('Component re-rendered.');
//   }
//   render() {
//     return <h1>{this.props.value}</h1>;
//   }
// }

// class Controller extends React.Component {
//   constructor(props) {
//     super(props);
//     this.state = {
//       value: 0
//     };
//     this.addValue = this.addValue.bind(this);
//   }
//   addValue() {
//     this.setState(state => ({
//       value: state.value + 1
//     }));
//   }
//   render() {
//     return (
//       <div>
//         <button onClick={this.addValue}>Add</button>
//         <OnlyEvens value={this.state.value} />
//       </div>
//     );
//   }
// }

// LIFECYCLE COMPONENT CLASS
// componentWillMount() componentDidMount() shouldComponentUpdate() componentDidUpdate() componentWillUnmount()