React Lifecycle Methods diagram

An interactive version of React Lifecycle Methods diagram tweeted by Dan Abramov. Built in React, obviously.

I did my best to make the diagram fully accessibile, both for keyboard navigation and screen readers for visually impaired people.

Online version is also available!

How to use the diagram

• Click any method name to read its official documentation (opens in a new tab).
• Methods in bold are the most common ones.
• Actions that are not methods, but otherwise help reading the diagram, are in italics.

Collaboration

You are welcome to raise issues and create pull requests.

License

The MIT License.

Author

Wojciech Maj [email protected] http://wojtekmaj.pl