Cheatsheet for React lifecycle and update cycle methods

React Lifecycle Methods

Lifecycle:                      |    Update: 
Mounting and Unmounting         |    New Props or State
--------------------------------+-----------------------------------
                                |
getDefaultProps()               |    componentWillReceiveProps()*
                                |
getInitialState()               |    shouldComponentUpdate()
                                |
componentWillMount()            |    componentWillUpdate()
                                |
render()                        |    render()
                                |
----------------------- DOM Mutations Complete ----------------------
                                |
componentDidMount()             |    componentDidUpdate()
                                |
--------------------------------|
                                |
componentWillUnmount()          |
                                |
--------------------------------+------------------------------------                                
                                     *Called only with new props

Could you also add where the DOM mutations are best to be done. Also where the state shouldn't be updated.

Could you also add where the DOM mutations are best to be done. Also where the state shouldn't be updated.