React lifecycle hooks must-have

13 August 2017   1 comment   Web development, Javascript, ReactJS

http://imgh.us/react-lifecycle.svg

I don't know who made this flowchart originally, but whoever you are: Thank you!

At this point, in my React learning I think I've memorized much of this but it's taken me a lot of time and having to dig up the documentation again. (Also, not to mention the number of times I've typo'ed componentWillReciveProps and componentWillRecevieProps etc.)

Remember this; You don't need to know all of these by heart to be good at React. In fact, there's several of these that I almost never use.

React lifecycle hooks flowchart

UPDATE

The above link is dead. Use this blog post instead.

UPDATE April 2018

Here's an even better one from @dan_abramov:

React life-cycle hooks

Comments

Rodrigo García
Yeah! Dan Abramov's schema is way better and cristal clear! Thank you.

Your email will never ever be published


Related posts

Previous:
Fastest *local* cache backend possible for Django 04 August 2017
Next:
Fastest way to match a filename's extension in Python 31 August 2017
Related by Keyword:
Component, component function or plain function in React 06 February 2018
4 different kinds of React component styles 07 April 2016
Related by Text:
jQuery and Highslide JS 08 January 2008
I'm back! Peterbe.com has been renewed 05 June 2005
Anti-McCain propaganda videos 12 August 2008
Ever wondered how much $87 Billion is? 04 November 2003
Guake, not Yakuake or Yeahconsole 23 January 2010