October 11, 2019

154 words 1 min read



A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf

repo name donavon/hook-flow
repo link https://github.com/donavon/hook-flow
language Shell
size (curr.) 1130 kB
stars (curr.) 832
created 2019-03-10
license MIT License


All Contributors

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.

Flow Diagram

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


MIT Licensed


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!

comments powered by Disqus