Back to courses

Complete React Developer in 2024 (w/ Redux, Hooks, GraphQL)

Learn React.js from two industry experts. This is the only React JS bootcamp course you need to learn React, build advanced large-scale apps from scratch, and get hired as a React Developer in 2024. Go from Zero to Node Mastery.

45 Days

Average time students take to complete this course.

Last updated: July 2024

Course overview

One of our most popular courses, now updated and re-recorded with all new React features for 2024 (React v18)! Using the latest version of React, this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore.

What you'll learn

  • Build enterprise level React applications and deploy to production including a massive E-commerce app using: Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase
  • Learn to compare tradeoffs when it comes to different state management
  • Learn to build reactive, performant, large scale applications like a Senior Developer
  • Use Firebase to build full stack applications
  • Learn the latest features in React including Hooks, Context API, Suspense, React Lazy + more
  • Learn to lead React projects by making good architecture decisions and helping others on your team
  • Master React design patterns
  • Learn CSS in JS with styled-components
  • Master the latest ecosystem of a React Developer from scratch
  • Routing with React Router
  • Exact steps to become a top 10% ReactJS Developer
  • Converting apps to Progressive Web Apps
  • Testing your application with Jest, including snapshot testing
  • Use Redux, Redux Thunk and Redux Saga in your applications
  • Handling online payments with the Stripe API
  • Set up authentication and user accounts
  • Using the latest ES6/ES7/ES8/ES9/ES10 JavaScript to write clean code

We guarantee that this React coding bootcamp from Andrei Neagoie and Yihua Zhang is the most comprehensive React course you will find.

It has become one of the most popular and highly rated React courses online. Especially for anyone looking to go beyond the basics.

And the results speak for themselves.

Graduates of this course and Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, Uber, Facebook, Shopify + other top tech companies.

They are also working as top freelancers getting paid while working remotely around the world.

And they come from all different backgrounds, ages, and experiences.

So there's no reason it can't be you too.

By enrolling today, you’ll also get to join our exclusive live online community classroom to learn alongside thousands of students, alumni, mentors, TAs and Instructors.

Active. Thriving. Supportive. Helpful. Friendly. Motivating. Essential.

These are just a few of the words students use to describe the ZTM Discord which is also one of the biggest and most active developer communities on Discord.

Most importantly, you will learn React from industry experts that have actual real-world experience building React apps while working for top companies in both Silicon Valley and Toronto.

This project-based course will introduce you to all of the modern toolchain of a React Developer in 2024.

Along the way, you will build a massive e-commerce application similar to Shopify using React, Redux, React Hooks, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe, and more. This is a full stack app (MERN stack) using Firebase (you'll also get access to the full codebase so you can add it to your portfolio).

Wait wait… we know what you’re thinking. Why aren’t we building 10+ projects?

Well, here’s the truth: most courses and online tutorials teach you React and that's it. They show you how to get started. They get you to memorize a bunch of syntax. They get you to build 10 projects that are simple and easy to build in a day, and just add some CSS to make them look fancy.

But then you have no idea where to go from there or the steps to take so that you can build projects on your own.

In real life, you’re not building simple, silly applications. When you apply for jobs, nobody is going to care that you built a really pretty to-do app.

Employers want to see that you know how to build large apps that can scale, that have good architecture, and that can be deployed to production.

This comprehensive project-based course is different.

The curriculum is very hands-on. We take you step-by-step from start to finish of becoming a professional React Developer.

We start from the very beginning where you'll learn React basics and fundamentals. But unlike most React tutorials, we don't stop there.

We'll then dive into advanced topics so you can make good decisions on architecture and tools on any of your future ReactJS projects. You'll also get real-life practice to be ready for the real world.

The topics you'll learn in this React course:

  • React Basics
  • React Router
  • Redux
  • Redux Saga
  • Asynchronous Redux
  • React Hooks
  • Context API
  • React Suspense + React Lazy
  • Firebase
  • Stripe API
  • Styled-Components
  • GraphQL
  • Apollo
  • PWAs
  • React Performance
  • React Design Patterns
  • Testing with Jest, including Snapshot Testing
  • React Best Practices
  • Persistance + Session Storage
  • State Normalization
  • and more!

Just give it to me straight. Why should I take this React course over all the others?

Fair enough. Here are 3 reasons why this course is different and better than any other React tutorial or course you can find:

1. You'll learn by building a scaleable, real-world project.

We've said it already but this is an important point.

You aren't going to get far by building simple React apps from Youtube and free tutorials. You need to go beyond that.

That's why we guide you and help you build the biggest project you will see in any React course. You're basically getting to build Shopify.

You'll be using React, Redux, React Hooks, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe and more. This is a full stack app (MERN stack) using Firebase.

This type of project would take you months to implement yourself.

By the end, you'll have the confidence and skills to build your own React projects and be able to impress potential employers with your advanced React knowledge.

2. You'll learn from 2 Senior Developers that have actual real-world experience working in Silicon Valley and Toronto.

This course is taught by 2 instructors that have actually worked for some of the biggest tech firms using React in production.

Yihua has been working on some of the biggest e-commerce websites that you have definitely heard of and likely used.

Andrei has worked on enterprise-level React applications for large public tech companies in Silicon Valley as well as Toronto.

By having both of them teach, you get to see different perspectives and learn from 2 Senior Developers as if you are working at a company together.

3. We push you to go beyond the basics and beyond your comfort zone.

Don't get us wrong. You'll definitley learn the key principles and fundamentals.

But you'll go way beyond what you learn as a beginner.

You'll learn about design patterns, how to architect your app, how to organize your code, how to structure your folders, and how to think about performance.

Let’s just say we don’t shy away from the advanced topics.

What's the bottom line?

This course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial... No!

This course will push you and challenge you to go from an absolute beginner in React.js to someone that is in the top 10% of React Developers 💪.

When's the best time to get started? Today!

There's never a bad time to learn in-demand skills. But the sooner, the better. So start learning React today by joining the ZTM Academy. You'll have a clear roadmap to developing the skills to build your own projects, get hired, and advance your career.

Join Zero To Mastery Now

What you'll build

The best way you learn is by doing. Not just watching endless tutorials. That's why a key part of this course is the real-world projects that you'll get to build. Plus they'll look great on your portfolio.

Monsters Rolodex

Monsters Rolodex

You'll learn the fundamentals of how the React library helps us build websites. You'll start thinking in components, work with live data, and transform it into a dynamic UI.

CRWN Clothing Store

CRWN Clothing Store

A full e-commerce project that we'll deploy to production. You'll learn all the patterns, best practices, and tools in the wider React ecosystem to build scalable, performant and easy to maintain React applications.

Join Zero To Mastery Now

Don't just take our word for it

Our courses and community have helped 1,000s of Zero To Mastery students go from zero to getting hired to levelling up their skills and advancing their careers to new heights.

Rated 4.8/5.0 on TrustPilot by 100s of happy students

Eduard Matei

Love the fact that you build a great project, not just a simple to-do app. Key concepts are explained clearly. Great instructors. Highly recommend for anyone who wants to learn React + Frontend Development.

Eduard Matei

Mike Lee

I went from not knowing React to being very comfortable with it. If you've taken any of Andrei's other courses, you know how good of a teacher he is, and this course is no different. Yihua is an amazing teacher as well. You won't be disappointed!

Mike Lee

Chung-Fan Tsai

Coming from someone who tried dozens of free tutorials, this is by far the most in-depth and well explained course. I took ZTM's Python, JS, and Coding Interview courses as well and used a lot of the knowledge I picked up in those courses in my interviews.

Chung-Fan Tsai

Brittney Postma

This course has so much great information and the community they provide is invaluable! I recommend this course to anyone wanting to learn react inside and out!

Brittney Postma

Diego Unanue

Best course I’ve taken so far. You'll learn from basic to advanced topics. All of them very well explained. You'll end up with a real good looking project that you can put on your portfolio or show in a job interview. This course is amazing, 5 out of 5.

Diego Unanue

Branden Loizides

I struggled to learn ReactJS for awhile. ZTM really helped crystalized things for me and helped me be able to quickly move on to more advanced concepts. The examples & projects used in the course are real projects, not just simple variants of "To Do" apps.

Branden Loizides

Course curriculum

To make sure this course is a good fit for you, you can start learning React for free right now by clicking any of the PREVIEW links below.

Introduction

4 lectures

React Key Concepts

9 lectures

React Basics

54 lectures

Capstone Project: Intro + Setup

12 lectures

Routing + React-Router

7 lectures

Authentication + Firebase

16 lectures

React Context For State Management

5 lectures

Observer Pattern

3 lectures

React Context Continued

14 lectures

Firebase Database Storage

8 lectures

Meet your instructors

Your React instructors aren’t just experts with years of real-world professional experience. They have been in your shoes. They make learning fun. They make complex topics feel simple. They will motivate you. They will push you. And they go above and beyond to help you succeed.

Andrei Neagoie

Hi, I'm Andrei Neagoie!

Andrei, lead instructor of Zero To Mastery Academy, has taught 1,000,000+ students worldwide how to code and get hired. ZTM grads work for world-class companies like Apple, Google, Amazon, Tesla, IBM, Facebook, Shopify and many more.

SEE MY BIO & COURSES

Andrei Neagoie

Senior Software Engineer

Yihua Zhang

Hi, I'm Yihua Zhang!

Yihua, an instructor of Zero To Mastery Academy, has been teaching students how to code for over a decade and has worked as a Senior Software Developer for numerous years for some of the largest tech companies in the world.

SEE MY BIO & COURSES

Yihua Zhang

Senior Software Developer

Frequently asked questions

Are there any prerequisites for this course?

  • Some basic HTML, CSS, and JavaScript knowledge. Don't have that? No problem, you'll also get access to our Coding Bootcamp which will teach you everything you need to know
  • No previous experience with React (or any other JS framework) is needed
  • A computer (Linux/Windows/Mac) with an internet connection

Who is this course for?

  • Students who are interested in going beyond all of the other "beginner" React tutorials and courses
  • Programmers who want to learn the most in-demand skill of a Web Developer
  • Developers that want to be in the top 10% of React Developers
  • Students who want to gain experience working on a large, scalable application
  • Bootcamp or online tutorial graduates that want to go beyond the basics
  • Developers who want to learn and master React
  • You want to learn from two Senior Developers who actually have real-world industry experience

Do you provide a certificate of completion?

We definitely do and they are quite nice. You will also be able to add Zero To Mastery Academy to the education section of your LinkedIn profile as well.

Can I use the course projects in my portfolio?

Yes, you’d be crazy not to in our slightly biased opinion! All projects are downloadable and ready to use the minute you join.

Many of our students tell us the projects they built while following along with our courses were what got them interviews and because they built the projects themselves, they could confidently explain and walk through their work during the interview.

You know what that means? Job offer!

Are there subtitles?

Yes! We have high quality subtitles in 11 different languages: English, Spanish, French, German, Dutch, Romanian, Arabic, Hindi, Portuguese, Indonesian, and Japanese.

You can even adjust the text size, color, background and more so that the subtitles are perfect just for you!

Still have more questions about the Academy?

Still have more questions specific to the Academy membership? No problem, we answer some more here.

Invest in a better you. For less than a coffee a day.

Choose your currency:
$ USD US Dollar
Lifetime
100% OFF$999
$999
Only pay once, ever
You're serious about advancing your career and never getting left behind
Start Learning Now

MOST POPULAR

Save 40% vs. monthly (that's $189 a year)
Annual
100% OFF$279 / year
$23 / month
$279 / year
You're committed to getting hired and starting a career in tech
Start Learning Now
Monthly
100% OFF$39 / month
$39 / month
You're ready to upskill and advance your career
Start Learning Now

Every ZTM membership includes:

Unlimited access to all courses, projects + workshops, and career paths
Access to our private Discord with 400,000+ members
Access to our private LinkedIn networking group
Custom ZTM course completion certificates
Live career advice sessions with mentors, every month
Full access to all future courses, content, and features
100% RISK FREE

We know you'll love ZTM. That's why we provide a no hassle, 30-day money back guarantee.