CF

React Simplified - Advanced

11h 34m 10s
English
Paid

React Simplified - Advanced is a 65-lesson 11 hours 34 minutes self-paced course by Web Dev Simplified (Kyle Cook). Once you become a good React developer, it is time to start diving into advanced React concepts.

Course facts

Lessons
65
Duration
11 hours 34 minutes
Level
All levels
Language
English
Updated
Instructor
Web Dev Simplified (Kyle Cook)
Price
Premium

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

Who teaches React Simplified - Advanced? 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.

What lessons are included in React Simplified - Advanced?

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

What courses are similar to React Simplified - Advanced?

Frequently asked questions

What prerequisites should I have before enrolling in this course?
Before enrolling, you should be comfortable with React basics, such as components, props, state, and lifecycle methods. This course is designed for developers who have completed a beginner-level React course and want to transition to mid-level skills. Familiarity with JavaScript and ES6 syntax is also recommended.
What projects will I build during the course?
The course includes several hands-on projects such as an Infinite Scroll Project, a Google Calendar Clone, and a Toast Project. These projects are designed to help you apply advanced React concepts like portals, ref handling, and testing with Vitest and React Testing Library.
Who should take this course?
This course is ideal for junior React developers looking to advance their skills to a mid-level position. It is also suitable for developers who want to learn advanced React features, TypeScript, and testing practices that are often required in professional environments.
What specific tools and platforms are covered?
The course covers a range of tools and platforms including Vitest for testing, React Testing Library, and TypeScript. It also delves into advanced React concepts such as portals, error boundaries, and hooks like useLayoutEffect and useImperativeHandle.
How does the depth of this course compare to other React courses?
This course goes beyond basic React courses by covering advanced topics like React.memo, PureComponent, Suspense, and async routing. It also includes modules on security, clean code practices, and styling options, offering a comprehensive view of real-world React development.
What topics are not covered in this course?
The course does not cover basic React concepts such as simple component creation, basic state management, or introductory JavaScript. It assumes you are already familiar with these foundational topics and focuses on advancing your skills.
What is the time commitment required for this course?
The course is planned to be over 10 hours of content spread across 65+ videos and 9 modules. Given this structure, you should be prepared to dedicate a significant amount of time to watch the videos and complete the projects to fully grasp the advanced concepts presented.