React Hooks Explained (Web Dev Simplified)
- Course audio
- Course audio: English
- Level
- Intermediate
- Length
- 20 lessons · 3.4 hours
What you'll be able to do
- Choose the right hook for state, effects and refs
- Optimise rendering with useMemo, useCallback and transitions
- Write and debug your own custom hooks
About this course
Kyle Cook of Web Dev Simplified explains React hooks one at a time in short, focused lessons: useState, useEffect, useMemo, useRef, useContext, useReducer, useCallback, custom hooks and useLayoutEffect. Later videos cover React 18's useTransition and useDeferredValue, useImperativeHandle, useDebugValue for debugging custom hooks, and newer hooks such as useEffectEvent. It suits learners who know React basics and want a clear understanding of when and why to use each hook. It works well as a reference alongside any React project.
Before you start: Basic React (components, props, state)
Syllabus
20 lessons · 3:23:49 in total
- 1Learn useState In 15 Minutes - React Hooks Explained15:45
- 2Learn useEffect In 13 Minutes13:38
- 3Learn useMemo In 10 Minutes10:42
- 4Learn useRef in 11 Minutes10:20
- 5Learn useContext In 13 Minutes13:08
- 6Learn useReducer In 20 Minutes20:12
- 7Learn useCallback In 8 Minutes7:50
- 8Learn Custom Hooks In 10 Minutes9:38
- 9Learn useLayoutEffect In 5 Minutes4:47
- 10React 18 useTransition Hook Crash Course7:50
- 11React 18 useDeferredValue Hook Crash Course7:52
- 12Learn useImperativeHandle In 10 Minutes9:34
- 13The Perfect Hook For Debugging Custom React Hooks8:07
- 14The Easiest React Hook6:41
- 15New React useEffectEvent Hook Crash Course8:36
- 16This New React Hook Breaks All The Rules And I Love It7:56
- 17This New React Hook Changes How You Use Forms8:34
- 18I Cannot Believe React Made A Hook For This8:45
- 19Learn useActionState In 8 Minutes - React Hooks Simplified8:44
- 20Why Does No One Use The Right React Hook15:10
What to take next

MIT 6.0001: Introduction to Computer Science and Programming in Python
MIT OpenCourseWare
English10 h38 lessonsIntermediate

CS50's Web Programming with Python and JavaScript (Harvard, 2020)
CS50
English14.2 h10 lessonsIntermediate

Chai aur JavaScript Backend in Hindi (Chai aur Code)
Chai aur Code
Hindi14.9 h25 lessonsIntermediate
Related courses
Videos by Web Dev Simplified, played from their official YouTube channel. Subscribe on YouTube
Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.
Lessons listed from the official YouTube playlist. Full playlist on YouTube
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request