English | MP4 | AVC 3840×2160 | AAC 44KHz 2ch | 411 Lessons (26h 52m) | 12.55 GB
Are you ready for the React 19 revolution? The most in-demand JavaScript framework just got a massive upgrade!
There are 3 huge paradigm shifts in React 19 that’ll change your code (and maybe your life):
React Suspense and Transitions: cut out the kludges & take complete control over how you load data, sync & async, for the sleekest user experience
Form and Server Actions: ditch useEffect hacks forever (finally!) while delivering the exact data entry experience you want for SSR, SSG, and SPA apps
‘use client’ and ‘use server’: write server and client code in harmony, eliminating awkward transitions
Your code will be better. Your coding experience will be better. React 19 is more fun to use because it finally gives you the complete set of tools you need to make a highly interactive, composable, powerful web application without compromise.
By the end, you’ll develop projects such as a blog search, integrating non-React UI libraries, tic-tac-toe, new user form, performant globe, calculator, counter, searchable list of cities, and building a React Server Components framework from scratch.
Along the way, you’ll learn professional coding practices
You’ll master form handling, one of the trickiest (and most powerful) parts of interactive web development.
You’ll learn how to develop for performance, and optimize your existing code. (Bonus: these same techniques apply to non-React apps, too!)
You’ll learn how to use AI coding assistants for a massive productivity boost. I use mine in every Epic React video lesson. (They don’t do the work for you, of course, but they sure can help!)
All while you practice developing React 19 apps within your virtual team. Your simulated guides, Peter the Project Manager and Kellie the Coworker, set specifications, provide suggestions and even code for you to build on, (almost) just like real life.
And you don’t have to do it alone: every time you sit down to learn, you’ll see the shining faces of your fellow students working on that same exact lesson at the same exact time… and you’ll get lifetime access to our Epic React Discord channels.
So, whether you’re an intermediate dev looking to learn React for the first time (lucky you!)…
…or an experienced React developer looking to level up…
If you’ve been looking for a path to true React 19 mastery? You’ve found it with Epic React.
Table of Contents
React Fundamentals
1 Intro
2 Hello World in JS
3 Hello World in JS
4 Generate the Root Node
5 Generate the Root Node
6 Dad Joke Break
7 Intro to Raw React APIs
8 Create React Elements
9 Create React Elements
10 Nesting Elements
11 Nesting Elements
12 Deep Nesting Elements
13 Deep Nesting Elements
14 Dad Joke Break Raw React APIs
15 Intro to Using JSX
16 Compiling JSX
17 Compiling JSX
18 Interpolation
19 Interpolation
20 Spread props
21 Spread props
22 Nesting JSX
23 Nesting JSX
24 Fragments
25 Fragments
26 Dad Joke Break Using JSX
27 Intro to Custom Components
28 Simple Function
29 Simple Function
30 Raw API
31 Raw API
32 JSX Components
33 JSX Components
34 Props
35 Props
36 Dad Joke Break Custom Components
37 Intro to TypeScript
38 Props
39 Props
40 Narrow Types
41 Narrow Types
42 Derive Types
43 Derive Types
44 Default Props
45 Default Props
46 Reduce Duplication
47 Reduce Duplication
48 Satisfies
49 Satisfies
50 Dad Joke Break TypeScript
51 Intro to Styling
52 Styling
53 Styling
54 Custom Component
55 Custom Component
56 Size Prop
57 Size Prop
58 Dad Joke Break Styling
59 Intro to Forms
60 Form
61 Form
62 Form Action
63 Form Action
64 Input Types
65 Input Types
66 Submission
67 Submission
68 Form Actions
69 Form Actions
70 Dad Joke Break Forms
71 Intro to Inputs
72 Checkbox
73 Checkbox
74 Select
75 Select
76 Radios
77 Radios
78 Hidden Inputs
79 Hidden Inputs
80 Default Value
81 Default Value
82 Dad Joke Break Inputs
83 Intro to Error Boundaries
84 Composition
85 Composition
86 Other Errors
87 Other Errors
88 Reset
89 Reset
90 Dad Joke Break Error Boundaries
91 Intro to Rendering Arrays
92 Key prop
93 Key prop
94 Focus State
95 Focus State
96 Key Reset
97 Key Reset
98 Dad Joke Break Rendering Arrays
99 Outro to React Fundamentals
React Hooks
100 React Hooks Intro
101 Intro to Managing UI State
102 useState
103 useState
104 Controlling Inputs
105 Controlling Inputs
106 Derive State
107 Derive State
108 Initialize State
109 Initialize State
110 Init Callback
111 Init Callback
112 Dad Joke Break Managing UI State
113 Intro to Side-Effects
114 useEffect
115 useEffect
116 Effect Cleanup
117 Effect Cleanup
118 Dad Joke Break Side-Effects
119 Intro to Lifting State
120 Lift State
121 Lift State
122 Lift More State
123 Lift More State
124 Colocate State
125 Colocate State
126 Dad Joke Break Lifting State
127 Intro to DOM Side-Effects
128 Refs
129 Refs
130 Dependencies
131 Dependencies
132 Primitive Dependencies
133 Primitive Dependencies
134 Dad Joke Break DOM Side-Effects
135 Intro to Unique IDs
136 useId
137 useId
138 Dad Joke Break Unique IDs
139 Intro to Tic Tac Toe
140 setState callback
141 setState callback
142 Preserve State in localStorage
143 Preserve State in localStorage
144 Add Game History Feature
145 Add Game History Feature
146 Dad Joke Break Tic Tac Toe
147 Outro to React Hooks
Advanced React APIs
148 Advanced React APIs Intro
149 Intro to Advanced State Management
150 New State _ Problem
151 New State _ solution
152 Previous State _ Problem
153 Previous State _ solution
154 State Object _ Problem
155 State Object _ solution
156 Action Function _ Problem
157 Action Function _ solution
158 Traditional Reducer _ Problem
159 Traditional Reducer _ solution
160 Real World _Problem
161 Real World _ solution
162 Dad Joke Break Advanced State Management
163 Intro to State Optimization
164 Optimize state updates _ Problem
165 Optimize state updates _solution
166 Dad Joke Break State Optimization
167 Intro to Custom Hooks
168 Hook Function _Problem
169 Hook Function _ solution
170 useCallback _ Problem
171 useCallback _ solution
172 Dad Joke Break Custom Hooks
173 Intro to Shared Context
174 Context Provider _ Problem
175 Context Provider _ solution
176 Context Hook _ Problem
177 Context Hook _ solution
178 Dad Joke Break Shared Context
179 Intro to Portals
180 createPortal _ Problem
181 createPortal _ solution
182 Dad Joke Break Portals
183 Intro to Layout Computation
184 useLayoutEffect _Problem
185 useLayoutEffect _solution
186 Dad Joke Break Layout Computation
187 Intro to Imperative Handles
188 useImperativeHandle _Problem
189 useImperativeHandle _ solution
190 Dad Joke Break Imperative Handles
191 Intro to Focus Management
192 flushSync _Problem
193 flushSync _solution
194 Dad Joke Break Focus Management
195 Intro to Sync External State
196 useSyncExternalStore _Problem
197 useSyncExternalStore _solution
198 Make Store Utility _Problem
199 Make Store Utility _solution
200 Handling Server Rendering _Problem
201 Handling Server Rendering _solution
202 Dad Joke Break Sync External State
203 Outro to Advanced React APIs
React Suspense
204 Intro to Data fetching
205 Throwing Promises _Problem
206 Throwing Promises _Solution
207 Error Handling _Problem
208 Error Handling _ Solution
209 Formal Status _Problem
210 Formal Status _Solution
211 Utility _ Problem
212 Utility _Solution
213 use React _Problem
214 use React _Solution
215 Dad Joke Break Data fetching
216 Intro to Dynamic Promises
217 Promise Cache _Problem
218 Promise Cache _Solution
219 useTransition _Problem
220 useTransition _Solution
221 Pending Flash _Problem
222 Pending Flash _Solution
223 Dad Joke Break Dynamic Promises
224 Intro to Optimistic UI
225 Optimistic UI _Problem
226 Optimistic UI _Solution
227 Form Status _ Problem
228 Form Status _Solution
229 Multi-step Actions _Problem
230 Multi-step Actions _ Solution
231 Dad Joke Break Optimistic UI
232 Intro to Suspense img
233 Img Component _Problem
234 Img Component _ Solution
235 Img Error Boundary _Problem
236 Img Error Boundary _Solution
237 Key prop _Problem
238 Key prop _Solution
239 Dad Joke Break Suspense img
240 Intro to Responsive
241 useDeferredValue _Problem
242 useDeferredValue _Solution
243 Dad Joke Break Responsive
244 Intro to Optimizations
245 Parallel Loading _Problem
246 Parallel Loading _Solution
247 Server Cache _Problem
248 Server Cache _Solution
249 Dad Joke Break Optimizations
250 Outro to React Suspense
Advanced React Patterns
251 Advanced React Patterns Intro
252 Intro to Composition
253 Composition and Layout Components _ Problem
254 Composition and Layout Components _Solution
255 Dad Joke Break Composition
256 Intro to Latest Ref
257 Latest Ref _ Problem
258 Latest Ref _Solution
259 Dad Joke Break Latest Ref
260 Intro to Compound Components
261 Compound Components _ Problem
262 Compound Components _ Solution
263 Compound Components Validation _ Problem
264 Compound Components Validation _Solution
265 Dad Joke Break Compound Components
266 Intro to Slots
267 Slot Context _Problem
268 Slot Context _ Solution
269 Generic Slot Components _ Problem
270 Generic Slot Components _ Solution
271 Slot Prop _Problem
272 Slot Prop _ Solution
273 Dad Joke Break Slots
274 Intro to Prop Collections and Getters
275 Prop Collections _Problem
276 Prop Collections _Solution
277 Prop Getters _Problem
278 Prop Getters _Solution
279 Dad Joke Break Prop Collections and Getters
280 Intro to State Initializer
281 Initialize Toggle _Problem
282 Initialize Toggle _Solution
283 Stability _Problem
284 Stability _Solution
285 Dad Joke Break State Initializer
286 Intro to State Reducer
287 State Reducer _Problem
288 State Reducer _Solution
289 Default State Reducer _Problem
290 Default State Reducer _Solution
291 Dad Joke Break State Reducer
292 Intro to Control Props
293 Control Props _Problem
294 Control Props _Solution
295 Dad Joke Break Control Props
296 Outro to Advanced React Patterns
React Performance
297 React Performance Intro
298 Intro to Element Optimization
299 Reusing Elements _Problem
300 Reusing Elements _Solution
301 Element Props _Problem
302 Element Props _ Solution
303 Context _ Problem
304 Context _Solution
305 Memoize Elements _Problem
306 Memoize Elements _Solution
307 Memoize Components _ Problem
308 Memoize Components _Solution
309 Dad Joke Break Element Optimization
310 Intro to Optimize Context
311 Memoize Context _Problem
312 Memoize Context _Solution
313 Provider Component _Problem
314 Provider Component _Solution
315 Split Context _Problem
316 Split Context _Solution
317 Dad Joke Break Optimize Context
318 Concurrent Rendering Intro
319 useDeferredValue + memo _Problem
320 useDeferredValue + memo _Solution
321 Dad Joke Break Concurrent Rendering
322 Intro to Code Splitting
323 lazy _ Problem
324 lazy _Solution
325 Eager Loading _Problem
326 Eager Loading _Solution
327 Transitions _Problem
328 Transitions _ Solution
329 Dad Joke Break Code Splitting
330 Intro to Expensive Calculations
331 useMemo _Problem
332 useMemo _Solution
333 Web Worker _Problem
334 Web Worker _Solution
335 Async Results _Problem
336 Async Results _Solution
337 Dad Joke Break Expensive Calculations
338 Intro to Optimize Rendering
339 Component Memoization _ Problem
340 Component Memoization _Solution
341 Custom Comparator _ Problem
342 Custom Comparator _Solution
343 Primitives _Problem
344 Primitives _Solution
345 Dad Joke Break Optimize Rendering
346 Intro to Windowing
347 Virtualizer _Problem
348 Virtualizer _Solution
349 Dad Joke Break Windowing
350 Outro to React Performance
React Server Components
351 React Server Components Intro
352 Intro to Warm Up
353 Static React App _Problem
354 Static React App _Solution
355 Dad Joke Break Warm Up
356 Intro to Server Components
357 RSCs _Problem
358 Async Components _ Problem
359 Async Components _Solution
360 Streaming _Problem
361 Streaming _ Solution
362 Server Context _Problem
363 Server Context _Solution
364 Dad Joke Break Server Components
365 Intro to Client Components
366 Node.js Loader _Problem
367 Node.js Loader _Solution
368 Module Resolution _Problem
369 Module Resolution _Solution
370 Dad Joke Break Client Components
371 Intro to Client Router
372 Client Router _Problem
373 Client Router _Solution
374 Pending UI _Problem
375 Pending UI _Solution
376 Race Conditions _Problem
377 Race Conditions _Solution
378 History _Problem
379 History _Solution
380 Cache _Problem
381 Cache _Solution
382 Dad Joke Break Client Router
383 Intro to Server Actions
384 Action Reference _ Problem
385 Action Reference _Solution
386 Client Side _Problem
387 Client Side _ Solution
388 Server Side _Problem
389 Server Side _Solution
390 Revalidation _Problem
391 Revalidation _Solution
392 History Revalidation _ Problem
393 History Revalidation _Solution
394 Dad Joke Break Server Actions
395 Outro to React Server Components
Bonus. Interviews With Experts
396 Getting into Open Source with Aakansha Doshi
397 Enhancing Forms using React 19 with Aurora Scharff
398 Jenna Smith on AI, Building Radix, and Tokenami
399 Evan Bacon brings React Server Components to React Native
400 Kateryna Porshnieva on Building Accessible Apps with React 19
401 React’s Evolution_ Past, Present, and Future with Lee Robinson
402 Matt Brophy on Remix, React Router, and Open-Source
403 Michelle Beckles on Community Building and Developer Health
404 Under the Hood of React 19 with Rick Hanlon
405 Sam Selikoff on React’s Impact in Modern Web Development
406 Lydia Hallie on JavaScript, React, and the Future of Web Development
407 Sebastian Silbermann on Testing, Tooling, and Transitions With React 19
408 The Importance of Accessibility in Modern Web Development With Shruti Kapoor
409 Sunil Pai on Changing Lives with Powerful Software, PartyKit, and Durable Objects
410 Theo Browne on His Personal Experience as a Web Developer
411 Dominik Dorfmeister on His Open-Source Journey
Resolve the captcha to access the links!