Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/donavon/hook-flow

A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf
https://github.com/donavon/hook-flow

diagram flowchart hooks react reactjs

Last synced: 9 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/donavon/hook-flow
Owner: donavon
License: mit
Created: 2019-03-10T04:34:01.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-11-15T05:06:58.000Z (almost 2 years ago)
Last Synced: 2024-10-12T08:11:18.834Z (28 days ago)
Topics: diagram, flowchart, hooks, react, reactjs
Language: Shell
Homepage:
Size: 1.08 MB
Stars: 2,156
Watchers: 21
Forks: 79
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome - hook-flow - A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf (Shell)
awesome-github-repos - donavon/hook-flow - A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf (Shell)
awesome-list - hook-flow
awesome-starred - donavon/hook-flow - A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf (reactjs)

README

        # hook-flow

[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#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](https://reactjs.org/docs/hooks-reference.html).

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](https://github.com/donavon/hook-flow/blob/master/hook-flow.pdf).







## 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! 😉

```bash

$ npx hook-flow

```

## License

**[MIT](LICENSE)** Licensed

## Contributors

Thanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):

| [
_{Donavon West}](http://donavon.com)
[🤔](#ideas-donavon "Ideas, Planning, & Feedback") [🚇](#infra-donavon "Infrastructure (Hosting, Build-Tools, etc)") [🚧](#maintenance-donavon "Maintenance") [👀](#review-donavon "Reviewed Pull Requests") [💻](https://github.com/donavon/hook-flow/commits?author=donavon "Code") [🎨](#design-donavon "Design") | [
_{Revel Carlberg West}](https://github.com/revelcw)
[🤔](#ideas-revelcw "Ideas, Planning, & Feedback") [🎨](#design-revelcw "Design") | [
_{Dan Abramov}](http://twitter.com/dan_abramov)
[🤔](#ideas-gaearon "Ideas, Planning, & Feedback") [🎨](#design-gaearon "Design") |

| :---: | :---: | :---: |

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!