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:44)
(Quiz) Why Hooks?
Managing State with Hooks
The useState Hook (10:17)
(Quiz) useState
(Practice) Theme
(Solution) Theme (1:50)
(Practice) Todos
(Solution) Todos (6:21)
(Practice) Show/Hide
(Solution) Show/Hide (4:52)
Adding Side Effects
(Bonus) Execution Contexts, Scopes, and Closures (25:34)
The useEffect Hook (14:56)
(Quiz) useEffect
(Practice) Character Limit
(Solution) Character Limit (3:12)
(Practice) Wait Delay
(Solution) Wait Delay (1:56)
(Practice) API Requests
(Solution) API Requests (5:30)
Custom Hooks
Rules of Hooks
(Quiz) Rules of Hooks
(Bonus) Higher-order Components
(Bonus) React Render Props
Creating Custom Hooks (6:50)
(Quiz) Custom Hooks
(Practice) useWait
(Solution) useWait (2:00)
(Practice) useWindowDimensions
(Solution) useWindowDimensions (2:56)
(Practice) useFetch
(Solution) useFetch (2:40)
Managing (Complex) State
The useReducer Hook (24:26)
(Quiz) useReducer
(Practice) Refactor useFetch
(Solution) Refactor useFetch (3:34)
New Render, Same Value
The useRef Hook (9:43)
(Quiz) useRef
(Practice) Complex Form
(Solution) Complex Form (3:29)
(Practice) Click Game
(Solution) Click Game (5:36)
Bypassing Props
Guide to React Context (10:12)
(Quiz) React Context
(Practice) LocaleContext
(Solution) LocaleContext (2:56)
Performance
React.memo, useCallback, and useMemo (25:19)
(Quiz) Performance
Project
(Project) Introduction (2:03)
(Project) index.js (3:48)
(Project) Battle.js (8:28)
(Project) Card and Nav (1:38)
(Project) useHover (3:41)
(Project) Loading.js (4:09)
(Project) Popular.js (12:20)
(Project) Results.js (5:31)
Next Steps
Next Steps
(Solution) API Requests
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock