Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
March 9, 2019 23:34
March 9, 2019 23:34
March 11, 2019 16:00
March 10, 2019 15:33


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.

flow chart

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
Donavon West

🤔 🚇 🚧 👀 💻 🎨
Revel Carlberg West
Revel Carlberg West

🤔 🎨
Dan Abramov
Dan Abramov

🤔 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!