peanut butter jellyyyyy

Child Component

class PeanutButterJelly extends React.Component {

  constructor(props){
    super(props);
    this.state = {
      dummyStateToTriggerUpdate: []
    };
    this.addToDummyState = this.addToDummyState.bind(this);
    setTimeout(() =>
     this.addToDummyState(),
     5000
   );
    console.log("1.");
  }

  componentWillMount(){
    console.log("2. ");
  }

  render(){
    return (<div>{this.props.placeholderProp}</div>);
  }

  componentDidMount(){
   console.log("3. ");
  }

  componentWillReceiveProps(){
    console.log("4. ")
  }

  shouldComponentUpdate(){
    console.log("5. ");
      return true;
  }

  componentWillUpdate(){
    console.log("6. ");
  }

  componentDidUpdate(){
    console.log("7. ");
  }

  componentWillUnmount(){
    console.log("8. ");
  }

  addToDummyState(){
    this.setState({dummyStateToTriggerUpdate: "bleh"});
  }
}

export default PeanutButterJelly;

Parent Component

class App extends React.Component {

  constructor(props){
    super(props);
    this.state = {
      dummyStateToPassAsPropToChild: []
    };
    this.updateDummyStateToTriggerMethodInChild = this.updateDummyStateToTriggerMethodInChild.bind(this);
  }

  updateDummyStateToTriggerMethodInChild(){
    this.setState({dummyStateToPassAsPropToChild: "WOW ANOTHER NEW PROP"});
  }

  componentDidMount(){
    setTimeout(() =>
     this.updateDummyStateToTriggerMethodInChild(),
     3000
   );
  }

  render() {
    return (
      <div>
        <PeanutButterjelly placeholderProp="hey"/>
      </div>
    );
  }
}

export default App;