Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Custom Hooks: React: Uncharted

Courses ReactCustom Hooks

Custom Hooks

Extract reusable stateful recipes into focused hooks with honest inputs, outputs, and composition.

React
Unit 12 of 16
20 lessons
139 min
420 XP

Every lesson is open. Sign in when you are ready to begin.

Sign in to start

Lessons

20 total

1Recipes Become ToolsReason about recipes become tools in an everyday interface.InteractiveConcept6 min20 XPOpen
2Rules of HooksBuild a React interface that demonstrates rules of hooks.CodeConcept7 min20 XPOpen
3Extract useToggleBuild a React interface that demonstrates extract usetoggle.CodeConcept7 min20 XPOpen
4Logic Shared, State NotBuild a React interface that demonstrates logic shared, state not.CodeConcept7 min20 XPOpen
5useCounterBuild a React interface that demonstrates usecounter.CodeConcept7 min20 XPOpen
6Predict the HookReason about predict the hook in an everyday interface.InteractiveConcept6 min20 XPOpen
7useInputBuild a React interface that demonstrates useinput.CodeConcept7 min20 XPOpen
8useFakeFetchBuild a React interface that demonstrates usefakefetch.CodeConcept7 min20 XPOpen
9Return ShapesReason about return shapes in an everyday interface.InteractiveConcept6 min20 XPOpen
10useDebounceBuild a React interface that demonstrates usedebounce.CodeConcept7 min20 XPOpen
11useIntervalBuild a React interface that demonstrates useinterval.CodeConcept7 min20 XPOpen
12usePrevious, PackagedBuild a React interface that demonstrates useprevious, packaged.CodeConcept7 min20 XPOpen
13Compose the HooksBuild a React interface that demonstrates compose the hooks.CodeConcept7 min20 XPOpen
14Options ObjectsBuild a React interface that demonstrates options objects.CodeConcept7 min20 XPOpen
15useListBuild a React interface that demonstrates uselist.CodePractice8 min20 XPOpen
16useUndoBuild a React interface that demonstrates useundo.CodePractice8 min20 XPOpen
17Name That HookReason about name that hook in an everyday interface.InteractiveConcept6 min20 XPOpen
18Hook or Component?Reason about hook or component? in an everyday interface.InteractiveConcept6 min20 XPOpen
19Design a HookReason about design a hook in an everyday interface.InteractiveConcept6 min20 XPOpen
20Custom Hooks Mastery CheckBuild a React interface that demonstrates custom hooks mastery check.CodeMastery check10 min40 XPOpen

Refs and the DOM Performance