What is the difference between React.Component and React.PureComponent?

1
2
3
4
5
6
7

class Plain extends Component {
  render() { return <p>{this.props.n}</p>; }        // re-renders on every parent render
}

class Pure extends PureComponent {
  render() { return <p>{this.props.n}</p>; }        // skips when shallow props match
}