Skip to content

Instantly share code, notes, and snippets.

@rtmalone
Forked from jcreamer898/react-lifecycle.md
Created June 26, 2017 14:23
Show Gist options
  • Select an option

  • Save rtmalone/66a7fa0251f145ed9a513e666f27c82b to your computer and use it in GitHub Desktop.

Select an option

Save rtmalone/66a7fa0251f145ed9a513e666f27c82b to your computer and use it in GitHub Desktop.
Name of thing Sorta like... Mounted? Can you even setState? What would you say... ya do here?
constructor initialize() nope nope init stuff NO side effects
componentWillMount beforeDomReady() nope yeah but don't Only needed in createClass now use constructor for most things
render render nope please no render stuff and don't set any state please
componentDidMount domReady() yup yup DOM is a go init jQuery plugins dispatch stuff
componentWillReceiveProps onChange() yup yup Props changed feel free to update state if needed
componentWillUpdate beforeRender() yup nope The props or state changed need to do anything else before rendering?
shouldComponentUpdate shouldRender() yup nope So yeah something changed but do we REALLY need to update?
componentDidUpdate afterRender() yup yup Great success we've rendered a thing... anything else?
componentWillUnmount destroy() too late too late Only you can prevent memory leaks aka unbind things
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment