Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Hooks
Introduction
Welcome!
Getting the code
About the Curriculum
Rendering
01-hello-world (2:17)
02-its-just-javascript (2:17)
03-create-element-signature (2:27)
04-back-to-jsx (1:57)
05-using-components (1:29)
06-defining-components (0:47)
07-component-reuse-with-props (2:22)
08-children-prop (3:27)
09-data-flow.mp4 (2:23)
10-custom-events (3:02)
11-code-a-long (4:55)
Updating the Page with State
12-what-declarative-means (3:58)
13-use-state-intro (2:51)
14-multiple-states (4:42)
15-what-to-do-when-anything-happens (2:05)
16-how-react-works (4:47)
17-use-state-exercise (1:09)
18-use-state-exercise-solution (3:54)
19-phony-hooks (13:28)
Effects
20-handling-an-event-without-react (5:15)
21-use-ref (2:21)
22-thinking-in-events (4:18)
23-use-effect-intro (5:35)
24-governing-side-effects (5:25)
25-use-effect-parameters (8:34)
26-making-our-own-hook (4:59)
27-reusable-abstraction (1:56)
28-composing-with-hooks (1:25)
29-effects-exercise-intro (4:03)
30-effects-exercise-overview (14:21)
Data Loading
31-fetching-data (5:07)
32-intro-to-cleanup-functions (4:35)
33-how-to-use-a-cleanup-function (3:14)
34-async-await-with-use-effect (2:59)
35-subscription-style-async (3:35)
36-mimicking-use-effect-with-render-props (8:47)
37-comparing-hooks-and-render-props (3:30)
38-composing-hooks-together (6:12)
39-data-loading-exercise-intro (1:59)
40-data-loading-exercise-overview (8:22)
Compound Components
41-customize-component-render-positions (10:18)
42-too-many-props (11:19)
43-replacing-props-with-compound-components (15:52)
44-share-state-with-context (5:04)
45-adding-functions-to-context (1:16)
46-adding-index-to-context (4:51)
47-backwards-compatibility (7:39)
48-children-module (2:24)
49-compound-components-exercise-intro (5:09)
50-compound-components-exercise-overview (10:33)
Application State
51-why-we-need-reducers (3:35)
52-what-is-a-reducer (4:28)
53-using-usereducer (11:32)
54-building-a-global-state (15:24)
55-app-state-exercise-intro (1:50)
56-app-state-exercise-overview (7:40)
Implement the Feed
57-feed-exercise-intro (4:13)
58-feed-exercise-part-1-solution (4:06)
59-feed-exercise-part-2 (1:34)
60-feed-exercise-part-2-solution (6:52)
61-feed-exercise-part-3 (1:26)
62-feed-exercise-part-3-solution (3:42)
63-feed-exercise-part-4 (1:13)
64-feed-exercise-part-4-solution (5:01)
65-feed-exercise-with-usereducer (7:44)
66-feed-exercise-persistent-state (11:01)
Animation
67-animation-and-interpolation-types (6:02)
68-implementing-animation-hook (19:12)
69-adding-sound-effects (2:26)
70-using-react-spring (20:34)
71-animating-a-non-react-element (3:03)
Performance
72-lazy-refs (4:57)
73-use-memo (13:09)
74-memo (11:38)
75-props-differentiation (5:52)
76-use-callback (8:13)
77-use-effect-vs-use-memo (1:23)
78-goodbye-world (0:22)
04-back-to-jsx
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock