React Simplified - Advanced

11h 34m 10s
English
Paid

Course description

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.

Watch Online

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

Watch Online React Simplified - Advanced

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Fullstack React with Typescript

Fullstack React with Typescript

Sources: fullstack.io
Fullstack React with TypeScript is the complete guide to using TypeScript with React. Learn TypeScript patterns with React additional ecosystem advice (testing, redux, SSR) by b...
10 hours 16 minutes 46 seconds
React: Flux Architecture (ES6)

React: Flux Architecture (ES6)

Sources: egghead
As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How is data shared b...
49 minutes 50 seconds
Uber Eats Clone

Uber Eats Clone

Sources: Nomad Coders
Best Way to Learn to Code. We believe that the best way to become a developer is by doing clone coding. It is very easy to get bored and unmotivated in the begi
40 hours 22 minutes 44 seconds
React - The Complete Guide

React - The Complete Guide

Sources: udemy, Academind Pro
Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout t
47 hours 42 minutes 41 seconds