ptzagk / hooks-by-example

Collection of beginner-friendly real world examples of hook usage.

Warning! Hook API is experimental and is going to change in the future. Please refer to original documentation.

Hooks. People love them, people hate them. But one is for sure - hooks are there to stay and React ecosystem is going to evolve, again.

The most important feature of hooks is sharing reusable functionality. In the past it was achieved using mixins, which were later deprecated in favor of patterns like render props and higher order components. But these patterns introduced additional complexity and resulted in something now called wrapper hell.

What is this?

The purpose of this reposity is to provide beginner-friendly real-world examples of different hooks usage. Here are some of them:

• Accordion [code, demo]
• Todo list [code, demo]
• Form validation library [code, demo]
• Sortable [code, demo]

This application is built using create-react-app, so feel free to clone the repo and play with examples yourself.

yarn install
yarn start

Todo

More examples, more comments. Pull requests and overall suggestions are welcome.