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
| # | Title | Duration |
|---|---|---|
| 1 | 01 - Welcome | 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 |
Comments
0 commentsSimilar courses
Redux Saga
Build fancy landing pages with React and Threejs
Bedrock: Jumpstart your next SaaS product
React Redux Ecommerce - Master MERN Stack Web Development
Want to join the conversation?
Sign in to comment