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
Zero to Full Stack Hero
Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds
Create your Dream Apps with Cursor and Claude AI
Sources: designcode.io
In this course, you will learn to create dream web applications from scratch using Cursor, Claude AI, and a set of powerful AI tools. You will master...
5 hours 46 minutes 6 seconds
Master Class: React + Typescript 2021 Web Development
Sources: udemy
Many new React Developers find ReactJS easy to learn and that is totally true. But the problem is when they are coding complex structures, the code becomes unma
22 hours 4 minutes 13 seconds
React Query (OLD)
Sources: ui.dev (ex. Tyler McGinnis)
Learn React Query with the official React Query course. WANT TO SKIP THE DOCS? There’s an easier way to master React Query. Our linear course is like having...
7 hours 1 minute 30 seconds