Project React: Build a complex React project as a total beginner

Project React: Build a complex React project as a total beginner

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 80 Lessons (8h 26m) | 2.18 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.1
21 Implementing Module 1.2
22 Implementing Module 1.3
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 Introduction to Effects
34 Effects in React
35 The useEffect Hook
36 The useRef Hook
37 Introduction to Data Fetching
38 Data Fetching in React (part 1)
39 Data Fetching in React (part 2)
40 Data Fetching in React (part 3)
41 Data Fetching Best Practices
42 Implementing Module 3
43 Introduction to Navigation
44 Client vs Server Side Routing
45 Routing in React
46 React Router (part 1)
47 React Router (part 2)
48 React Router (part 3)
49 Routing Best Practices
50 Implementing Module 4
51 Introduction to Performance
52 Performance in React
53 The useMemo Hook
54 The useCallback Hook
55 Custom Hooks in React
56 Custom Hooks Best Practices
57 Custom Components in React
58 Custom Component Best Practices
59 Implementing Module 5
60 Introduction to State Management
61 State Management in React
62 Prop Drilling
63 The useContext Hook
64 Redux (part 1)
65 Redux (part 2)
66 Redux (part 3)
67 Redux Custom Components
68 Redux Best Practices
69 Implementing Module 6
70 Introduction to Forms
71 Forms in React
72 React Hook Form (part 1)
73 React Hook Form (part 2)
74 React Hook Form (part 3)
75 Form Best Practices
76 Introduction to Authentication
77 Authentication in React
78 Authentication Best Practices
79 Implementing Module 7
80 Deploying to Vercel

Homepage