English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 116 Lessons (16h 31m) | 4.91 GB
Project React is a course with a custom application that will teach you step-by-step how to build big and complex applications with React. No prior experience needed.
Go beyond simple tutorials
Tutorials might seem like a useful learning tool, but in reality they barely scratch the surface of what React is.
You will never become a senior developer through tutorials alone.
The senior developers I know are senior because of experience, not because they can build a simple to-do app.
Experience comes by building
To become an experienced React developer, you need to build.
You need to build big and complex projects. Projects that solve difficult problems.
The problem is, how do you do that when you’re just starting out?
Project React will teach you how to build
What if I told you that there was a better way to learn React?
What if you had a mentor who would guide you through building a real-world project with step-by-step instructions?
What if you could build a complex React application as a total beginner?
Imagine having all the steps laid out in front of you, all of your questions answered, and a clear path to building the project.
Introducing Project React
As of today, you no longer have to imagine anything. You can start building today.
Project React is going to walk you through step-by-step on how to build a big and complex application with React.
I spent months building it so that you could have the best possible learning experience.
It is efficient, effective, and will help you more than any tutorial ever could.
How it works
Project React is two things: a course and a custom application.
The course will have videos teaching you fundamental React concepts and the custom application will have step-by-step written instructions on how to build a big project.
The custom application serves both as your guide and as the project itself. It has all of the code you need to build the project.
This is a unqiue approach that has never been done before.
The course will also have videos of me walking you through the implementation of each step in the project.
My vision for this project
I envisioned this as a project that would teach you all of the fundamental skills in React, while also showing you how to apply them to a big project.
I want to simplify complexity without compromising depth.
The project teaches you advanced concepts while making them digestible for beginners. It ensures that you understand the code you write and why you write it.
It removes any doubt that you might have about your ability to become a great React developer.
There is no other resource like it.
Table of Contents
1 Welcome to Project React
2 Project Overview
3 Dependencies
4 Linting and Formatting
5 API Overview
6 UI Components Lesson Resources
7 Environment Variables
8 Running the Project
9 Working with the Project
10 Implementing Module 0
11 Introduction to React
12 Why Use React_
13 JSX Overview
14 JSX Iteration and Conditional Rendering
15 Components
16 Component Props
17 Component Lifecycle
18 Introduction to Hooks
19 Styling and Tailwind Lesson Resources
20 Implementing Module 1
21 Implementing Module 1
22 Implementing Module 1
23 Introduction to State
24 State in React
25 Event Handlers
26 Handling Click Events
27 Handling Change Events
28 Handling Form Submission Events
29 Event Handlers Best Practices
30 The useState Hook
31 Controlled and Uncontrolled Components
32 Implementing Module 2
33 Implementing Module 2
34 Implementing Module 2
35 Introduction to Effects
36 Effects in React
37 The useEffect Hook
38 The useRef Hook
39 Introduction to Data Fetching
40 Data Fetching in React (part 1)
41 Data Fetching in React (part 2)
42 Data Fetching in React (part 3)
43 Data Fetching Best Practices
44 Implementing Module 3
45 Implementing Module 3
46 Implementing Module 3
47 Implementing Module 3 – 1920×1080 1029K
48 Implementing Module 3 – 1920×1080 985K
49 Introduction to Navigation
50 Client vs Server Side Routing
51 Routing in React
52 React Router (part 1)
53 React Router (part 2)
54 React Router (part 3)
55 Routing Best Practices
56 Implementing Module 4
57 Implementing Module 4 – 1920×1080 857K
58 Implementing Module 4
59 Implementing Module 4 – 1920×1080 927K
60 Introduction to Performance
61 Performance in React
62 The useMemo Hook
63 The useCallback Hook
64 Custom Hooks in React
65 Custom Hooks Best Practices
66 Custom Components in React
67 Custom Component Best Practices
68 Implementing Module 5
69 Implementing Module 5
70 Implementing Module 5
71 Implementing Module 5
72 Introduction to State Management
73 State Management in React
74 Prop Drilling
75 The useContext Hook
76 Redux (part 1)
77 Redux (part 2)
78 Redux (part 3)
79 Redux Custom Components
80 Redux Best Practices
81 Implementing Module 6
82 Implementing Module 6
83 Implementing Module 6
84 Implementing Module 6 – 1920×1080 778K
85 Implementing Module 6 – 1920×1080 1024K
86 Introduction to Forms
87 Forms in React
88 React Hook Form (part 1)
89 React Hook Form (part 2)
90 React Hook Form (part 3)
91 Form Best Practices
92 Introduction to Authentication
93 Authentication in React
94 Authentication Best Practices
95 Implementing Module 7- 1920×1080 823K
96 Implementing Module 7- 1920×1080 781K
97 Implementing Module 7
98 Implementing Module 7
99 Implementing Module 7 – 1920×1080 867K
100 Deploying to Vercel
101 Introduction
102 Improving Forms and Inputs
103 Implementing React Query
104 Implementing React Query
105 Implementing Users and Profiles
106 Implementing Users and Profiles
107 Implementing Listing Creation
108 Implementing Listing Creation
109 Implementing Listing Creation
110 Implementing Reviews
111 Implementing Reviews
112 Testing With Cypress
113 Testing With Cypress
114 Testing With Cypress
115 Note on React 19
116 Conclusion
Resolve the captcha to access the links!