Home/Courses/React/Building Custom Hooks

Building Custom Hooks🪝

Intermediate→Advanced

React 19

Design, implement, and test reusable custom hooks for common patterns, data fetching, state management, and browser APIs.

6

Sections

15

Lessons

12

Challenges

Start this free course

Start learning Building Custom Hooks

15 lessons and 12 challenges, all 100% free.

Start this course

What Are Custom Hooks?

Designing Hook APIs

TypeScript for Custom Hooks

Hook Naming Convention(Sign in required)

Beginner+10 Mana

Hook Return Pattern(Sign in required)

Intermediate+15 Mana

useToggle and useBoolean

useArray and useMap

useHistory for Undo/Redo

useCallback in Custom Hooks(Sign in required)

Intermediate+15 Mana

Challenge History Undo(Sign in required)

Intermediate+15 Mana

useLocalStorage and useSessionStorage

useMediaQuery and useWindowSize

useEventListener and useKeyPress

Handler Ref Pattern(Sign in required)

Intermediate+15 Mana

Storage and SSR(Sign in required)

Intermediate+15 Mana

useDebounce and useThrottle

Challenge Cancelled Flag(Sign in required)

Intermediate+15 Mana

Debounce vs Throttle(Sign in required)

Intermediate+15 Mana

useIntersectionObserver

usePrevious and useLatest

Challenge Useprevious Timing(Sign in required)

Intermediate+15 Mana

Challenge Uselatest Purpose(Sign in required)

Intermediate+15 Mana

Testing Custom Hooks

Packaging and Sharing Hooks

Challenge Renderhook Act(Sign in required)

Intermediate+15 Mana

Challenge Peer Deps(Sign in required)

Intermediate+15 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start Building Custom Hooks?

15 interactive lessons and 12 hands-on challenges — learn in VS Code, Cursor, or the web.