🚀 Project React

Build a complex React project
as a total beginner

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.

Enroll NowArrow
@thewisethoughts' profile picture

This is going to be a game changer for a lot of devs starting out

@thewisethoughts

🚀 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 course overview "Learning React is hard" section image

The usual suspects of React tutorials on YouTube

🛠️ 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.

Project React course overview "The correct way to learn React" section image

All of the steps you'll be guided through in the project

Ready to start building?

Enroll Now

🤔 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.

Project React course overview "The ultimate React course" section image

Implementing the listing details page component

Ready to start building?

Enroll Now

📚 Course Structure

The course is organized into 8 modules, and in each module you will learn some theory about React, and then immediately apply it to the project.

Each module is focused on a specific part of React and will contain a series of lessons teaching you the required concepts.

Then, at the end of each module, you will have to implement what you have learnt in the project, building upon the previous module.

Project React course module 0 image

0. Introduction

You will be introduced to the course, guided on how to install and setup the codebase, and we will go over all of the files available in the application.

Introduction to Project React
Project Overview
Dependencies
Linting and Formatting
Files and Folder Structure
API Overview
UI Components
Environment Variables
Running the Project
Working with the Project
Project React course module 1 image

1. React Fundamentals

You will learn the fundamentals of React such as JSX, components, component props, the component lifecycle, rendering, styling, and tailwind.

Introduction to React
Why Use React?
JSX Overview
JSX Iteration and Conditional Rendering
Components
Component Props
Component Lifecycle
Introduction to Hooks
Styling and Tailwind
Project React course module 2 image

2. State and Event Handlers

You will learn how to work with state in functional components, and how to handle various events such as click events, input on change events, and form submissions.

Introduction to State
State in React
Event Handlers
Handling Click Events
Handling Input Change Events
Handling Form Submissions
Event Handler Best Practices
The useState Hook
Controlled and Uncontrolled Components
Project React course module 3 image

3. Effects and Data Fetching

You will learn how to work with side effects in React as well as how to implement a robust data fetching solution with loading and error states, and prevent race conditions.

Introduction to Effects
Effects in React
The useEffect Hook
The useRef Hook
Introduction to Data Fetching
Data Fetching in React (part 1)
Data Fetching in React (part 2)
Data Fetching in React (part 3)
Data Fetching Best Practices
Project React course module 4 image

4. Routes and Navigation

You will learn how to implement client-side routing in your React applications as well as how to create and navigate between different pages.

Introduction to Navigation
Client vs Server Side Routing
Routing in React
React Router (part 1)
React Router (part 2)
React Router (part 3)
Routing Best Practices
Project React course module 5 image

5. Hooks and Performance

You will learn about custom hooks in React, as well as how to optimize the performance of your components and prevent slow renders.

Introduction to Performance
Performance in React
The useMemo Hook
The useCallback Hook
Custom Hooks in React
Custom Hooks Best Practices
Custom Components
Component Best Practices
Project React course module 6 image

6. State Management

You will learn how to implement a robust state management solution that will provide global state to your entire application in an efficient and scalable way.

Introduction to State Management
State Management in React
Prop Drilling
The useContext Hook
Redux (part 1)
Redux (part 2)
Redux (part 3)
Redux Custom Components
Redux Best Practices
Project React course module 7 image

7. Forms and Authentication

You will learn how to build complex forms and handle the user's authentication state by allowing them to login and storing access and refresh tokens.

Introduction to Forms
Forms in React
React Hook Form (part 1)
React Hook Form (part 2)
React Hook Form (part 3)
Form Best Practices
Introduction to Authentication
Authentication in React
Authentication Best Practices
Project React course module 8 image

8. Deploying

You will learn how to setup and deploy your React applications online for the entire world to see.

Deploying to Vercel
Project React course module 9 image

X. Extended (coming soon)

You will go beyond what you have learnt in the previous modules and build many new features in the project using the tools you have learnt.

Coming soon

Ready to start building?

Enroll Now

👨🏻‍💻 The project you'll build

In case it wasn't clear enough by now, you are going to be building one big project throughout the entire course.

You will be guided step-by-step in each module to add more features to the application and by the end, you will have built and deployed complete production-ready application with React.

The project is a booking platform akin to AirBnB or Booking.com.

I chose a booking platform because it touches all of the core areas of React development. We'll need to learn how to create components in React to display the listings, how to handle state and allow filtering, how to fetch the listings from an API, how to navigate to a listing's detail page, how to add a listing to your favorites, and how to put the entire application behind a sign in form.

Building one step at a time

We will start small, setting up the app and building the first components, and progressively add more and more features to the application.

Through this you will learn how to write clean code, how to structure the application architecture efficiently, how to implement design patterns, and how to make sure that your application can scale to large amounts of users and developers.

The goal here is to build your confidence in tackling a project of this size. As mentioned previously, an AI can spit out code in seconds, but not everyone knows how to fit it together and build a complex and architecturally sound system.

Project React will teach you how and why.

Project React course overview "The project you will build" section image

The project at the end of module 8

Ready to start building?

Enroll Now

✨ Testimonials

See what others are saying about this course. These are all testimonials from people who have no interest in saying how good the course is.

Testimonial

David

4.8

"Having tried various React courses before, I can confidently say this one stands out. The explanations provided are crystal clear, making complex concepts easy to grasp. Unlike other courses, this one breaks down every step with clarity and precision. Plus, the focus on building a real-world project with real-world features such authentication and data fetching really helps you feel ready for anything in the React world. If you're serious about mastering the language, this course is the one to choose."

Testimonial

Bogdan

4.6

"Darius's 'Project React' course is a game-changer. Having had the pleasure of working alongside him in the past, I can confidently vouch for his unparalleled expertise in React. His talent for simplifying complex concepts makes learning enjoyable and fulfilling. If you're eager to master React and advance your skills, Darius's course comes highly recommended."

Testimonial

Ian

4.9

"Project React is a gem of a course. To my knowledge, it is the only course that doesn't just teach you how to do something, but goes in depth as to why it's done that way. You literally learn everything that one would need to become an experience developer capable of doing more than a junior. Through this course I have learnt so much about React and finally unlocked my confidence in building big projects for companies."

Testimonial

Abel

4.7

"This course is really great for someone who wants to learn how to build an app using React. It was incredibly well-structured and easy to understand. The course taught me how to build both the front end and backend. I would recommend it to anyone who wants to build their own app"

Testimonial

Josue

4.5

"The Cosden Solutions React courses not only provide a focused learning experience with real-world applications but also offer accessible help for everyone, regardless of their expertise level. Whether you're a beginner or an expert, the support available enhances the overall learning journey."

Project React

Full Course

$297

$197

+ local taxes
Enroll Now
Updated November 29, 2024

The full Project React course
700+ minutes of course material teaching you everything we know about React from getting started all the way through to building a big and complex real-world project.

The custom application
The codebase contains step-by-step instructions, custom components, API endpoints, and all of the building blocks you need to build a big project.

Lifetime access to updates
You will have lifetime access to all the course material, including any updates and new content we add in the future.

Access to the Project React community
You'll get access to private channels in our Discord community where you can ask questions, share your progress, and get help from instructors or other students.

Project React Extended (coming soon)
The extended edition will include lessons adding more functionality to the app. You'll build new components, add new functionality, and implement advanced design patterns.

Modules Included

0

Introduction
You will be introduced to the course, guided on how to install and setup the codebase, and we will go over all of the files available in the application.

1

React Fundamentals
You will learn the fundamentals of React such as JSX, components, component props, the component lifecycle, rendering, styling, and tailwind.

2

State and Event Handlers
You will learn how to work with state in functional components, and how to handle various events such as click events, input on change events, and form submissions.

3

Effects and Data Fetching
You will learn how to work with side effects in React as well as how to implement a robust data fetching solution with loading and error states, and prevent race conditions.

4

Routes and Navigation
You will learn how to implement client-side routing in your React applications as well as how to create and navigate between different pages.

5

Hooks and Performance
You will learn about custom hooks in React, as well as how to optimize the performance of your components and prevent slow renders.

6

State Management
You will learn how to implement a robust state management solution that will provide global state to your entire application in an efficient and scalable way.

7

Forms and Authentication
You will learn how to build complex forms and handle the user's authentication state by allowing them to login and storing access and refresh tokens.

8

Deploying
You will learn how to setup and deploy your React applications online for the entire world to see.

X

Extended (coming soon)
You will go beyond what you have learnt in the previous modules and build many new features in the project using the tools you have learnt.

Darius

Hey, I’m Darius! 🤙

You might know me from my YouTube channel, Cosden Solutions.

I've been working with React for over 8 years, building complex projects as both a team member within startups and corporations, as well as on my own as a freelancer. I've also dedicated long after-work hours to passion projects. I've learned a lot about React along the way, how it truly works under-the-hood, how to effectively use it, and how to build really big and complex applications with it.

In early 2023, I decided to start teaching React to others. I created a YouTube channel which has now grown to millions of views and tens of thousands of subscribers. As much of a success as the YouTube channel has become, I felt like I could do more. I wanted to create a course that would help people learn React in a way that I wish I had learned it.

I've designed this course for you who are in the same position I was 8 years ago – starting with React and feeling overwhelmed. There are so many tutorials and roadmaps out there, but the truth is, however much time you spend on them, when you eventually get that job you wanted or start building that project, if you're anything like me, you'll feel like an imposter.

All those tutorials and roadmaps showed you were small projects. And the thing on your screen now is BIG. This is why I made this course and kind of reverse-engineered it – starting from one BIG, real-world project, you will learn everything you need to know about React, all while gaining confidence to handle a project of this size when the time comes.

Project React will prepare you for your first big project much more than any tutorial could and you will learn everything you need to become a great React developer. It's unfortunately too late for me to learn React through this course. But for you, this is just the beginning.

YouTube Logo

Trusted by millions on YouTube

6.1m

Total Views

267k

Watch Hours

88k

Subscribers

Here is what my followers have to say about how I teach

@smrpkrl's profile picture
@smrpkrl

thank god i stumbled upon your channel..i am learning about all the hooks that react has to offer through your channel..i am loving the clear explanations that you provide..not a single dull moment in the video! kudos to you sir! love you!!! ❤️

@fizdanielz6564's profile picture
@fizdanielz6564

Your videos has helped to understand react. And honestly, this is my first comment on a react tutorial videos. I did not just subscribed and liked but also allowed notification for new videos from your channel. Thank you

@SonuKumarTech's profile picture
@SonuKumarTech

I am becoming a fan of your teaching style. First i watched your redux video and now i am not watching any other redux tutorial. because that video is so straightforward and to the point. please keep on adding videos like this. already subscribed:) 👍

Frequently Asked Questions