JM Myers jm90m

## react-lifecycle-cheatsheet.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jm90m
                / react-lifecycle-cheatsheet.md
            
            
              Created
              July 8, 2017 21:30
                — forked from bvaughn/react-lifecycle-cheatsheet.md
            
              
                React lifecycle cheatsheet
              
          
    React lifecycle cheatsheet


Method
Side effects¹
State updates²
Example uses


Mounting


componentWillMount

✓
Constructor equivalent for createClass 


render


Create and return element(s)


componentDidMount
✓
✓
DOM manipulations, network requests, etc.


Updating


componentWillReceiveProps

✓
Update state based on changed props
Method	Side effects¹	State updates²	Example uses
Mounting
`componentWillMount`		✓	Constructor equivalent for `createClass`
`render`			Create and return element(s)
`componentDidMount`	✓	✓	DOM manipulations, network requests, etc.
Updating
`componentWillReceiveProps`		✓	Update `state` based on changed `props`