Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

donavon/hook-flow

Repository files navigation

hook-flow

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

License

MIT Licensed

Contributors

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!

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /