Classic React
4h 10m 15s
English
Paid
Course description
The best course in the world to take you from zero to enterprise grade React. Stop reading out-of-date tutorials and watching crappy screen-share videos. We use a linear approach to take you step by step from the fundamental building blocks of React — all the way to building real-world applications from with confidence. And it’s all thanks to our secret sauce...
Watch Online
0:00
/ #1: Why React
All Course Lessons (54)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Why React Demo | 09:59 | |
| 2 | (Bonus) Imperative vs Declarative Programming | 04:38 | |
| 3 | An Introduction to npm | 06:06 | |
| 4 | Webpack- A Gentle Introduction | 08:48 | |
| 5 | (Project) First Component | 29:57 | |
| 6 | JSX Tips and Gotchas | 02:54 | |
| 7 | (Bonus) Elements vs Components | 01:00 | |
| 8 | Props | 01:40 | |
| 9 | (Solution) Props 1 | 01:00 | |
| 10 | (Solution) Props 2 | 00:56 | |
| 11 | (Solution) Props 3 | 02:07 | |
| 12 | Rendering Lists | 01:20 | |
| 13 | (Solution) Rendering Lists 1 | 00:44 | |
| 14 | (Project) Popular Navbar | 05:12 | |
| 15 | The -this- keyword | 13:35 | |
| 16 | Managing State in React | 03:11 | |
| 17 | (Solution) State 1 | 01:17 | |
| 18 | (Solution) State 2 | 01:51 | |
| 19 | (Solution) State 3 | 01:10 | |
| 20 | (Project) Navbar State | 03:13 | |
| 21 | Function Components | 01:01 | |
| 22 | (Project) Languages Nav | 03:01 | |
| 23 | PropTypes | 02:16 | |
| 24 | (Solution) PropTypes | 02:25 | |
| 25 | (Project) Language Nav PropTypes | 01:27 | |
| 26 | The Component Lifecycle | 03:56 | |
| 27 | (Project) Fetch Repos | 07:22 | |
| 28 | (Project) Repositories Table | 07:45 | |
| 29 | Controlled vs Uncontrolled Components | 02:08 | |
| 30 | (Project) Player Input | 12:31 | |
| 31 | (Project) Player Preview | 06:04 | |
| 32 | (Project) Result's Skeleton | 03:02 | |
| 33 | (Project) API | 09:20 | |
| 34 | (Project) Results | 06:20 | |
| 35 | children in React | 01:01 | |
| 36 | Default Props | 01:05 | |
| 37 | (Project) Loading Component | 08:57 | |
| 38 | Higher Order Components | 04:47 | |
| 39 | (Project) Tooltip | 06:35 | |
| 40 | (Project) withHover Higher Order Component | 04:53 | |
| 41 | Render Props | 02:16 | |
| 42 | (Project) Hover Render Prop | 03:33 | |
| 43 | React Context | 04:57 | |
| 44 | React Router - The Fundamentals | 02:24 | |
| 45 | (Project) Adding Routes | 02:57 | |
| 46 | (Project) Navbar | 07:52 | |
| 47 | React Router Query Strings | 02:38 | |
| 48 | (Project) withSearchParams | 07:37 | |
| 49 | Class Fields | 02:14 | |
| 50 | (Project) Migrating to Class Fields | 03:33 | |
| 51 | Code Splitting | 05:30 | |
| 52 | (Project) Code Splitting | 01:45 | |
| 53 | (Project) Production Build | 02:06 | |
| 54 | (Project) Hosting with Vercel | 04:19 |
Unlock unlimited learning
Get instant access to all 53 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
Crack the Frontend Interview with React
Sources: zerotomastery.io
Enhance your React skills with a project-based course that prepares you for frontend engineering interviews. Build a star rating component while mastering
1 hour 6 minutes 53 seconds
The React practice course, learn by building projects.
Sources: udemy
Including three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node. Do you want to practice your React coding or just to learn it b...
43 hours 45 minutes 48 seconds
My first Remix app
Sources: Build UI
Remix is a modern full-stack React framework built on the foundations of the web platform. It layers the latest innovations in the frontend ecosystem on top of the core URL-base...
5 hours 44 seconds
React Simplified - Bonus Project
Sources: webdevsimplified.com
What if I told you that you could build this advanced job board project by the end of this course entirely on your own? That's what this entire section of...
5 hours 8 minutes 8 seconds
React Formula - Learn Frontend Development
Sources: Alvin Zablan
Learn how to create modern interfaces using React, Tailwind CSS, and other tools. Most React textbooks are not designed for real-world...
23 hours 47 minutes 37 seconds