evergreen

Building Custom React Hooks

Illustrated notes on building custom React hooks

Objects hanging off a series of hooks

Last year the React team released a feature called “hooks” that lets you do some powerful stuff we couldn’t do as easily before… Managing state. Accessing DOM elements. Using side effects.

It’s fair to say the React community had a collective melt-down over this. For the better part of 2019, hooks turned into an all-encompassing obsession.

Hooks came with a bunch of pre-made options, but also allowed you to remix the default options to create custom hooks

Joe Previte made a whole egghead course on

Shareable Custom Hooks in React

. While working through the material I made a set of illustrated notes on the main ideas


Making shareable custom react hooks
Making shareable custom react hooks
Making shareable custom react hooks
Making shareable custom react hooks
Making shareable custom react hooks

Want more illustrated notes on web development?

Take a look at What the Fork is React Suspense? , Building VR Apps with React360 or A Journey into Vue-Router