A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf
|size (curr.)||1130 kB|
React Hooks were introduced in version 16.8.0. They are a complete departure from class component lifecycle events. For more information, see the official React Hooks API Reference.
Here is a flow diagram that explains the new flow of a Hooks component.
This flow diagram is also available as a PDF file.
Open in browser
To quickly open the Hook Flow Diagram in your default browser, you can execute the following from your terminal. Commit this to memory! 😉
$ npx hook-flow
Thanks goes to these wonderful people (emoji key):
|Donavon West🤔 🚇 🚧 👀 💻 🎨||Revel Carlberg West🤔 🎨||Dan Abramov🤔 🎨|
This project follows the all-contributors specification. Contributions of any kind welcome!