A breakdown of the MessageComponent that shows an example using shouldComponentUpdate()

SingleMessageComponentSCU.jsx

class Message extends Component {
  shouldComponentUpdate(nextProps) {
    if (this.props.message === nextProps.message) {
      return false
    }

    return true
  }

  render() {
    return <li style={{ margin: "10px" }}> {this.props.message} </li>
  }
}