Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
React Hooks
Course Overview
Introduction, Philosophy, and Tips
Projects (What you'll build)
But Why?
Why React Hooks? (13:40)
(Quiz) Why React Hooks?
Managing State with Hooks
The useState Hook (10:12)
(Quiz) useState
(Practice) Theme
(Solution) Theme (1:45)
(Practice) Todos
(Solution) Todos (6:17)
(Practice) Show/Hide
(Solution) Show/Hide (4:48)
Adding Side Effects
(Bonus) Execution Context, Scopes, and Closures (25:29)
(Quiz) Execution Contexts
The useEffect Hook (14:52)
(Quiz) useEffect
(Practice) Character Limit
(Solution) Character Limit (3:07)
(Practice) Wait Delay
(Solution) Wait Delay (1:52)
(Practice) API Requests
(Solution) API Requests (5:25)
Custom Hooks
Rules of Hooks
(Quiz) Rules of Hooks
(Bonus) Higher-order Components
(Quiz) Higher-order Components
(Bonus) React Render Props
(Quiz) React Render Props
Creating Custom Hooks (6:47)
(Quiz) Custom Hooks
(Practice) useWait
(Solution) useWait (1:55)
(Practice) useWindowDimensions
(Solution) useWindowDimensions (2:51)
(Practice) useFetch
(Solution) useFetch (2:36)
Managing (Complex) State
The useReducer Hook (24:21)
(Quiz) useReducer
(Practice) Refactor useFetch
(Solution) Refactor useFetch (3:30)
New Render, Same Value
The useRef Hook (9:37)
(Quiz) useRef
(Practice) Complex Form
(Solution) Complex Form (3:24)
(Practice) Click Game
(Solution) Click Game (5:31)
Bypassing Props
Guide to React Context (10:08)
(Quiz) React Context
(Practice) LocaleContext
(Solution) LocaleContext (2:52)
Performance
React.memo, useCallback, and useMemo (25:14)
(Quiz) Performance
Project
(Project) Introduction (1:59)
(Project) index.js (3:44)
(Project) Battle.js (8:24)
(Project) Card and Nav (1:34)
(Project) useHover (3:37)
(Project) Loading.js (4:05)
(Project) Popular.js (12:16)
(Project) Results.js (5:26)
Next Steps
Next Steps
(Practice) Wait Delay
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock