React Component Lifecycle

Creation:

Update:

1. Trigger by parent:

2. Trigger by internal change (e.g. state change):

 

PureComponent overwrites shouldComponentUpdate, it checks state and props change in shouldComponentUpdate, it there is no change, update would be cancelled, all updates for its child are cancelled too