This site runs best with JavaScript enabled.

Building Custom React Hooks

Last tended on November 02, 2019
🌱 Evergreen


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

Shareable Custom Hooks in React

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 hooksMaking shareable custom react hooksMaking shareable custom react hooksMaking shareable custom react hooksMaking 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

Linked References

JavaScript Bits You Skipped the First Time Around

Being humans, we rarely learn things linearly. No one begins their JavaScript journey by reading the TC39 language specification line-by-line like a pedantic masochist. Instead we all cobble…

Fixing Common Git Mistakes

Illustrated notes I made while working through Chris Achard 's Fix Common Git Mistakes course on egghead. Want more illustrated notes on web development? Take a look at Building Custom React Hooks…

What the Fork is the React Virtual DOM?

When I was first learning React I couldn't quite wrap my head around why it was any different to JavaScript. The idea of the virtual DOM system helped clarify a few things for me. Primarily it got…

Building VR Apps with React360

Turns out you can build almost anything in React now... including VR and AR apps inside a web browser. There's a version of React called React 360 that simplifies the otherwise niche and overly…

Visually Workshopping the AWS Cloud

I've made plenty of illustrated notes for egghead courses. On everything from Building Custom React Hooks to Fixing Common Git Mistakes to The Basics of Rust They've always been artefacts made…

What the Fork is Rust?

The Rust programming language keeps winning the middle-school popularity contest of the developer world: "most loved" on Stack Overflow surveys . So, what's this Rust thing and why is everyone…

Want to share?

Join the newsletter

For weekly notes on visual thinking, ethical technology, and cultural anthropology.

Maggie Appleton © 2020