React Simplified - Advanced
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
All Course Lessons (65)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Master Full-Stack Web Development | Node, SQL, React, & More
Responsive LLM Applications with Server-Sent Events
Microservices with Node JS and React
The interactive way to master modern React - react.gg (FULL COURSE)
