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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 54 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Why React

All Course Lessons (54)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Instagram Clone Coding 3.0

Instagram Clone Coding 3.0

Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 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
React Front To Back 2022

React Front To Back 2022

Sources: udemy, Brad Traversy
This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills. The first project (Feedback App) is st...
19 hours 57 minutes 45 seconds
React Formula - Learn Frontend Development

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