CF

React Simplified - Advanced

11h 34m 10s
English
Paid

Once you become a good React developer, it is time to start diving into advanced React concepts.

This course will take you from a junior to a mid-level React developer. Currently, I am still working on recording the videos for this course, but it will be a similar size to the Beginner Course. Right now this course is planned to be 10+ hours of content spread across 65+ videos and 9 modules.

If you purchase this course now you will receive every video from the Advanced Course as soon as I have them finished. This means you will be part of the first group to have access to this content and can even help me shape the content in this section of this course based on your feedback.

This course will cover not only advanced React features, but more importantly will cover concepts like security, TypeScript, testing, and how to write clean code.

The skills in this course will set you apart from all other job applicants as most React developers never learn any of these concepts until after landing their first job. I personally didn't even know what 90% of the concepts in this course were until years after I landed my first job and was forced to learn them on the job.

I can only imagine how much easier it would have been to land my first job if I knew these skills before applying.

Additional

https://github.com/WebDevSimplified/React-Simplified-Advanced-Projects

https://github.com/WebDevSimplified/react-folder-structure

About the Author: Web Dev Simplified (Kyle Cook)

Web Dev Simplified (Kyle Cook) thumbnail

Web Dev Simplified (webdevsimplified.com) is the online course platform of Kyle Cook, a US developer behind one of the larger independent web-development YouTube channels. The channel publishes weekly tutorials on JavaScript, React, CSS, and the modern web ecosystem, with paid courses extending the most-requested topics into deeper long-form material.

The course catalog covers JavaScript fundamentals (the canonical JavaScript Simplified course), modern CSS (including Grid, Flexbox, animations), React deep-dives, the testing tracks, and the algorithm / data-structure material aimed at junior developers preparing for early-career interviews. Material is taught at a deliberately accessible level for self-taught developers.

The CourseFlix listing under this source carries 9 Web Dev Simplified courses spanning that range. Material is paid; courses are sold individually on the original platform. Courses are aimed primarily at junior and self-taught developers building real proficiency.

Watch Online 65 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 65 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 01 - Welcome
All Course Lessons (65)
#Lesson TitleDurationAccess
1
01 - Welcome Demo
01:22
2
01 - Portals
06:15
3
02 - Passing Refs To Components
01:51
4
03 - forwardRef
04:39
5
04 - Modal Introduction
03:20
6
05 - Modal Walkthrough
15:31
7
06 - Error Boundaries
10:34
8
07 - Advanced Key Uses
06:42
9
08 - Capture Event Listeners
02:31
10
09 - Date Picker Introduction
02:13
11
10 - Date Picker Walkthrough
16:32
12
11 - Head Tags
02:40
13
01 - useLayoutEffect
07:06
14
02 - useDebugValue
08:09
15
03 - useId
05:28
16
04 - useImperativeHandle
06:54
17
05 - Functions As A Ref
06:27
18
06 - Infinite Scroll Project Introduction
03:54
19
07 - Infinite Scroll Project Walkthrough
17:32
20
08 - useEffectEvent
08:21
21
01 - CSS Modules
07:27
22
02 - CSS In JS
08:46
23
03 - Utility CSS
10:08
24
04 - CSS Frameworks
04:26
25
05 - Comparing CSS Options
17:59
26
01 - PropTypes
11:09
27
02 - TypeScript Setup And Props
11:21
28
03 - TypeScript useState
02:58
29
04 - TypeScript useRef
02:28
30
05 - TypeScript useReducer
03:43
31
06 - TypeScript useContext
06:16
32
07 - TypeScript Generic Components
04:26
33
08 - Google Calendar Clone Introduction
07:08
34
09 - Google Calendar Clone Walkthrough
01:44:43
35
01 - Dev Tools Profiler
11:14
36
02 - React.memo
10:15
37
03 - PureComponent
02:05
38
04 - Handling Large Lists
05:58
39
01 - Setup Vitest And React Testing Library
08:03
40
02 - Vitest
11:15
41
03 - React Testing Library
23:50
42
04 - Component Testing Project Introduction
02:52
43
05 - Component Testing Project Walkthrough
15:38
44
06 - Hook Testing Project Introduction
01:29
45
07 - Hook Testing Project Walkthrough
10:00
46
08 - Testing Library Comparisons
35:37
47
01 - As Prop
07:59
48
02 - Context Organization
12:27
49
03 - Toast Project Introduction
02:22
50
04 - Toast Project Walkthrough
19:52
51
05 - Use Less useEffect
13:09
52
06 - Controlled Vs Uncontrolled Components
07:20
53
07 - Compound Components
08:30
54
08 - React Folder Structure
14:34
55
01 - Suspense
12:41
56
02 - React Lazy
11:28
57
03 - useDeferredValue
11:58
58
04 - useTransition
09:37
59
05 - Async React Router
12:26
60
06 - Async Routing Project Introduction
03:10
61
07 - Async Routing Project Walkthrough
38:26
62
08 - use Hook
08:32
63
01 - What Are Actions
03:18
64
02 - useActionState & useFormStatus
10:14
65
03 - useOptimistic
06:52
Unlock unlimited learning

Get instant access to all 64 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

65 lessons · 11h 34m 10s
Show all 65 lessons
  1. 1 01 - Welcome 01:22
  2. 2 01 - Portals 06:15
  3. 3 02 - Passing Refs To Components 01:51
  4. 4 03 - forwardRef 04:39
  5. 5 04 - Modal Introduction 03:20
  6. 6 05 - Modal Walkthrough 15:31
  7. 7 06 - Error Boundaries 10:34
  8. 8 07 - Advanced Key Uses 06:42
  9. 9 08 - Capture Event Listeners 02:31
  10. 10 09 - Date Picker Introduction 02:13
  11. 11 10 - Date Picker Walkthrough 16:32
  12. 12 11 - Head Tags 02:40
  13. 13 01 - useLayoutEffect 07:06
  14. 14 02 - useDebugValue 08:09
  15. 15 03 - useId 05:28
  16. 16 04 - useImperativeHandle 06:54
  17. 17 05 - Functions As A Ref 06:27
  18. 18 06 - Infinite Scroll Project Introduction 03:54
  19. 19 07 - Infinite Scroll Project Walkthrough 17:32
  20. 20 08 - useEffectEvent 08:21
  21. 21 01 - CSS Modules 07:27
  22. 22 02 - CSS In JS 08:46
  23. 23 03 - Utility CSS 10:08
  24. 24 04 - CSS Frameworks 04:26
  25. 25 05 - Comparing CSS Options 17:59
  26. 26 01 - PropTypes 11:09
  27. 27 02 - TypeScript Setup And Props 11:21
  28. 28 03 - TypeScript useState 02:58
  29. 29 04 - TypeScript useRef 02:28
  30. 30 05 - TypeScript useReducer 03:43
  31. 31 06 - TypeScript useContext 06:16
  32. 32 07 - TypeScript Generic Components 04:26
  33. 33 08 - Google Calendar Clone Introduction 07:08
  34. 34 09 - Google Calendar Clone Walkthrough 01:44:43
  35. 35 01 - Dev Tools Profiler 11:14
  36. 36 02 - React.memo 10:15
  37. 37 03 - PureComponent 02:05
  38. 38 04 - Handling Large Lists 05:58
  39. 39 01 - Setup Vitest And React Testing Library 08:03
  40. 40 02 - Vitest 11:15
  41. 41 03 - React Testing Library 23:50
  42. 42 04 - Component Testing Project Introduction 02:52
  43. 43 05 - Component Testing Project Walkthrough 15:38
  44. 44 06 - Hook Testing Project Introduction 01:29
  45. 45 07 - Hook Testing Project Walkthrough 10:00
  46. 46 08 - Testing Library Comparisons 35:37
  47. 47 01 - As Prop 07:59
  48. 48 02 - Context Organization 12:27
  49. 49 03 - Toast Project Introduction 02:22
  50. 50 04 - Toast Project Walkthrough 19:52
  51. 51 05 - Use Less useEffect 13:09
  52. 52 06 - Controlled Vs Uncontrolled Components 07:20
  53. 53 07 - Compound Components 08:30
  54. 54 08 - React Folder Structure 14:34
  55. 55 01 - Suspense 12:41
  56. 56 02 - React Lazy 11:28
  57. 57 03 - useDeferredValue 11:58
  58. 58 04 - useTransition 09:37
  59. 59 05 - Async React Router 12:26
  60. 60 06 - Async Routing Project Introduction 03:10
  61. 61 07 - Async Routing Project Walkthrough 38:26
  62. 62 08 - use Hook 08:32
  63. 63 01 - What Are Actions 03:18
  64. 64 02 - useActionState & useFormStatus 10:14
  65. 65 03 - useOptimistic 06:52

Related courses

Frequently asked questions

What is React Simplified - Advanced about?
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React developer. Currently, I am still working on recording the videos for this course…
Who teaches React Simplified - Advanced?
React Simplified - Advanced is taught by Web Dev Simplified (Kyle Cook). You can find more courses by this instructor on the corresponding source page.
How long is React Simplified - Advanced?
React Simplified - Advanced contains 65 lessons with a total runtime of 11 hours 34 minutes. All lessons are available to watch online at your own pace.
Is React Simplified - Advanced free to watch?
React Simplified - Advanced is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch React Simplified - Advanced online?
React Simplified - Advanced is available to watch online on CourseFlix at https://courseflix.net/course/react-simplified-advanced. The page hosts every lesson with the integrated video player; no download is required.