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

Complete React Developer: Zero to Mastery3:48

PREVIEW

Course Outline4:57

PREVIEW

Exercise: Meet Your Classmates and Instructor

BEGIN

How-to's: Speed up videos, Downloading videos, Subtitles

BEGIN

React Key Concepts

9 lectures

React Concepts2:06

PREVIEW

The Birth of React.js9:24

PREVIEW

Declarative vs Imperative6:18

PREVIEW

Component Architecture5:23

PREVIEW

One Way Data Flow6:10

PREVIEW

UI Library4:52

PREVIEW

How To Be A Great React Developer4:18

PREVIEW

Web Developer Monthly

PREVIEW

Unlimited Updates

BEGIN

React Basics

54 lectures

Section Overview6:13

PREVIEW

Course Guideline + Code

PREVIEW

Environment Setup For Mac8:08

PREVIEW

Environment Setup For Windows9:53

PREVIEW

NPM vs YARN

PREVIEW

Yihua's VSCode font and settings

PREVIEW

VSCode settings update

PREVIEW

Create React App - NPX11:00

PREVIEW

Create React App - React-Scripts 111:42

PREVIEW

Create React App - React-Scripts 211:44

PREVIEW

Create React App - Everything Else6:03

PREVIEW

Don't Eject1:57

PREVIEW

Quick Note: React 18 and Strict Mode

PREVIEW

Monsters Rolodex - Class Components9:00

PREVIEW

Monsters Rolodex - Component State7:37

PREVIEW

Monsters Rolodex - setState9:27

PREVIEW

Monsters Rolodex - States and Shallow Merge5:57

PREVIEW

Monsters Rolodex - setstate and Secondary Callback9:01

PREVIEW

Monsters Rolodex - Mapping Arrays to Elements9:26

PREVIEW

Optional: map() + key attribute

PREVIEW

Monsters Rolodex - Keys for Mapping5:08

PREVIEW

Monsters Rolodex - Single Page Applications (SPAs)7:18

PREVIEW

Monsters Rolodex - Lifecycle Method: componentDidMount10:14

PREVIEW

Optional: Promises

PREVIEW

Monsters Rolodex - Renders & Re-renders5:43

PREVIEW

Monsters Rolodex - Input Search Box Component11:19

PREVIEW

Monsters Rolodex - Searching & Filtering7:51

PREVIEW

Optional: filter(), includes()

PREVIEW

Monsters Rolodex - Storing Original Data9:32

PREVIEW

Monsters Rolodex - Optimizations7:30

PREVIEW

Monsters Rolodex - Understanding Components7:56

PREVIEW

Monsters Rolodex - CardList Component7:09

PREVIEW

Monsters Rolodex - Component Props7:26

PREVIEW

Monsters Rolodex - Rendering and Re-rendering part 27:05

PREVIEW

Monsters Rolodex - SearchBox Component8:49

PREVIEW

Monsters Rolodex - CSS in React9:29

PREVIEW

Monsters Rolodex - CardList Component7:01

PREVIEW

Monsters Rolodex - Finishing Touches7:41

PREVIEW

Functional vs Class Components4:22

PREVIEW

Class Component Lifecycle Method Breakdown5:21

PREVIEW

Monsters Rolodex - Functional Component Intro5:51

PREVIEW

Pure & Impure Functions6:22

PREVIEW

Monsters Rolodex - Hooks: useState7:10

PREVIEW

Monsters Rolodex - Functional Component Re-rendering6:47

PREVIEW

Monsters Rolodex - Infinite Re-rendering7:32

PREVIEW

Monsters Rolodex - Hooks: useEffect11:16

PREVIEW

Monsters Rolodex - Remaining Components5:50

PREVIEW

React v18: Migrating from React v17 + ReactDOM v18 Changes5:38

PREVIEW

React v18: Strict Mode Changes4:43

PREVIEW

DOM & Virtual DOM10:10

PREVIEW

React & ReactDOM11:07

PREVIEW

React & ReactDOM part 26:25

PREVIEW

ReactDOM v18 Changes2:28

PREVIEW

DOM Paint Flashing6:09

PREVIEW

Capstone Project: Intro + Setup

12 lectures

Optional: Git + Github

BEGIN

Optional: Connecting With SSH To Github

BEGIN

Endorsements On LinkedIn

BEGIN

The Long Road Ahead2:52

BEGIN

Project Overview1:47

BEGIN

Github Strategy7:21

BEGIN

Scaffolding Our Capstone Project7:15

BEGIN

Setting Up Our Categories6:01

BEGIN

Adding Sass6:56

BEGIN

Category Item Component6:58

BEGIN

Directory Component7:16

BEGIN

Adding Fonts9:21

BEGIN

Routing + React-Router

7 lectures

Routing6:18

BEGIN

Updating/Upgrading Libraries8:22

BEGIN

Setting Up Our Homepage11:16

BEGIN

React Router Outlet7:01

BEGIN

Navigation Bar Component5:04

BEGIN

React Router Link7:44

BEGIN

Styling for Navigation + Logo6:59

BEGIN

Authentication + Firebase

16 lectures

Setting Up Firebase8:21

BEGIN

Authentication Flow13:01

BEGIN

Authenticating With Firebase14:34

BEGIN

Optional: Async Await

BEGIN

Optional: How to fix 403: restricted_client error

BEGIN

Introducing Firestore Data Models6:49

BEGIN

Setting Up User Documents14:03

BEGIN

Finish Creating User Documents6:49

BEGIN

Sign In With Redirect11:39

BEGIN

Sign Up Form Pt.115:10

BEGIN

Sign Up Form Pt.210:20

BEGIN

Sign Up With Email + Password12:33

BEGIN

Generalizing Form Input Component13:43

BEGIN

Custom Button Component10:59

BEGIN

Sign In Form10:47

BEGIN

Finishing Authentication Page8:05

BEGIN

React Context For State Management

5 lectures

Need For Context8:26

PREVIEW

User Context12:19

PREVIEW

Re-rendering From Context6:15

PREVIEW

Signing Out8:44

BEGIN

Exercise: Imposter Syndrome2:55

BEGIN

Observer Pattern

3 lectures

Observer: onAuthStateChange11:00

BEGIN

Finalizing Auth Listener8:21

BEGIN

Observer Pattern10:25

BEGIN

React Context Continued

14 lectures

New Shop Page6:01

BEGIN

Products Context6:46

BEGIN

Product Card Component8:16

BEGIN

Cart Icon & Dropdown9:27

BEGIN

Toggle Cart Open7:56

BEGIN

Add To Cart Pt.18:46

BEGIN

Add To Cart Pt.210:40

BEGIN

Optional: reduce()

BEGIN

Cart Item Designs8:08

BEGIN

Creating Checkout Page8:18

BEGIN

Decrement Checkout Item Quantity7:24

BEGIN

Checkout Item Pt.218:02

BEGIN

Checkout Item Pt.38:42

BEGIN

Cart Total3:52

BEGIN

Firebase Database Storage

8 lectures

Firestore DB No-SQL7:01

BEGIN

addCollectionAndDocuments Pt.19:28

BEGIN

addCollectionAndDocuments Pt.27:04

BEGIN

Get Products + Categories From Firestore8:18

BEGIN

Using Our CategoriesMap9:09

BEGIN

Category Preview Component7:39

BEGIN

Nested Routes in Shop6:24

BEGIN

Category Page8:51

BEGIN

CSS-In-JS + Styled-Components

7 lectures

Fixing Clashing Styles9:09

BEGIN

Introducing Styled-Components11:34

BEGIN

Styled-Components - Button9:09

BEGIN

Styled-Component - Cart Dropdown9:36

BEGIN

Styled-Component - Directory Item & Cart Icon10:52

BEGIN

Styled-Component - Form Input Component8:54

BEGIN

Last Touches3:56

BEGIN

Deploying With Netlify

2 lectures

Deploying On Netlify8:57

BEGIN

Adding Redirects For Netlify9:34

BEGIN

Reducers

5 lectures

Reducers explained11:25

BEGIN

User Reducer17:14

BEGIN

Cart Reducer Pt. 19:56

BEGIN

Cart Reducer Pt. 27:21

BEGIN

Cart Reducer Pt. 39:15

BEGIN

Redux

18 lectures

Redux vs Context: Access8:49

BEGIN

Redux vs Context: Data Flow4:52

BEGIN

React-Redux: Installation10:39

BEGIN

React-Redux: Setting Up Our Store7:13

BEGIN

React-Redux: Creating User Reducer10:33

BEGIN

Redux Part: Selectors6:07

BEGIN

Categories Reducer7:45

BEGIN

Categories Selectors8:01

BEGIN

Business Logic in Our Selectors8:41

BEGIN

What Triggers useSelector8:04

BEGIN

Demystifying Middleware13:21

BEGIN

Redux Triggers Extra Re-renders5:22

BEGIN

Optional: Memoization

BEGIN

Reselect Library13:41

BEGIN

Migrating Cart Context to Redux Pt. 18:42

BEGIN

Migrating Cart Context to Redux Pt. 25:53

BEGIN

Migrating Cart Context to Redux Pt. 38:37

BEGIN

Migrate Cart Context to Redux Pt. 46:38

BEGIN

Redux Extended Tools

2 lectures

Redux-Persist7:05

BEGIN

Redux-Devtools9:31

BEGIN

Asynchronous Redux: Redux-Thunk

3 lectures

Asynchronous Redux: Redux-Thunk8:10

BEGIN

Redux-Thunk Pt. 27:46

BEGIN

Redux-Thunk Pt. 38:32

BEGIN

Asynchronous Redux: Redux-Saga

9 lectures

Asynchronous Redux: Redux-Saga7:59

BEGIN

Generator Functions8:38

BEGIN

Redux-Saga: fetchCategoriesAsync Thunk to Saga10:34

BEGIN

Redux-Saga: Converting onAuthStateChanged Listener to Promise7:13

BEGIN

Redux-Saga: Check User Session Saga Pt. 111:03

BEGIN

Redux-Saga: Check User Session Saga Pt. 27:54

BEGIN

Redux-Saga: Sign in Sagas9:04

BEGIN

Redux-Saga: Sign up Sagas10:25

BEGIN

Redux-Saga: Sign out Sagas8:30

BEGIN

Serverless Functions + Stripe

9 lectures

The Need for Serverless Functions8:53

BEGIN

Serverless Functions Explained6:57

BEGIN

Setting up Stripe8:39

BEGIN

Setting up Our PaymentForm8:19

BEGIN

Writing Our First Serverless Function9:30

BEGIN

Finishing Stripe Payment12:34

BEGIN

Tidying Up Our UI12:56

BEGIN

Adding Auth With Netlify URL1:23

BEGIN

Adding Environment Variables To Netlify5:19

BEGIN

Typescript Basics: Typing Monsters-Rolodex

7 lectures

Typescript Introduction7:51

BEGIN

Starting our Typing8:14

BEGIN

Typescript Interfaces9:51

BEGIN

Typescript Types & Third Party Library Types11:49

BEGIN

ChangeEvent Type From React3:29

BEGIN

Understanding Generics11:20

BEGIN

Typing React's SetState9:19

BEGIN

Typescript Advanced: Typing Redux + Crwn-Clothing

11 lectures

Crwn-Clothing Typescript Overview7:54

BEGIN

Typing createAction13:03

BEGIN

Typing User Action Creators8:35

BEGIN

Typing User Selectors8:46

BEGIN

The Problem With Discriminating Unions7:45

BEGIN

Type Predicate Functions5:53

BEGIN

Intersections + Return Types8:35

BEGIN

withMatcher Type7:20

BEGIN

Improving Our Reducer Typing9:15

BEGIN

Typing Redux Cart Files Pt. 19:20

BEGIN

Typing Redux Cart Files Pt. 27:26

BEGIN

Typescript Advanced: Typing Firebase + User Redux Files

3 lectures

Typing Out Firebase Utils13:20

BEGIN

Typing User Actions8:47

BEGIN

Typing User Reducer + Selectors6:33

BEGIN

Typescript Advanced: Redux Store + Middleware

3 lectures

Typing Our Rootstate9:39

BEGIN

Typing Third Party Libraries2:23

BEGIN

Typing Our Custom Middleware1:43

BEGIN

Typescript Advanced: Redux-Saga

3 lectures

Typing Categories Saga8:08

BEGIN

Typing User Sagas Pt. 18:53

BEGIN

Typing User Sagas Pt. 25:28

BEGIN

Typescript Advanced: Typing Our Crwn-Clothing Components

4 lectures

Typing Button Component7:58

BEGIN

Typing Input & Form Components9:30

BEGIN

Typing SVG Imports7:16

BEGIN

Typing Our Payment Form8:19

BEGIN

GraphQL + Apollo Client

8 lectures

GraphQL Explained5:33

BEGIN

GraphQL Playground7:39

BEGIN

Graphql Queries10:09

BEGIN

Categories Query8:36

BEGIN

Updating Components To Consume GraphQL Values6:29

BEGIN

Variables In useQuery & Caching11:51

BEGIN

Mutations5:46

BEGIN

Apollo vs Redux5:17

BEGIN

Performance Optimizations

6 lectures

Do Not Optimize For Performance Until You Need It3:22

BEGIN

useCallback Pt.16:16

BEGIN

useCallback Pt. 23:59

BEGIN

useMemo6:44

BEGIN

React Devtools Profiling & Memo7:50

BEGIN

Code Splitting, Dynamic Imports, Suspense & Lazy10:40

BEGIN

Firebase Rule Security

1 lectures

Firebase Rule Security6:35

BEGIN

Master Project: Mobile Support

3 lectures

Mobile Responsiveness10:22

BEGIN

Mobile Responsiveness 214:10

BEGIN

Exercise: Mobile Friendly App

BEGIN

React Interview Questions + Advice

8 lectures

Don't Over Complicate2:05

BEGIN

Be a Late Follower2:56

BEGIN

Break Things Down1:38

BEGIN

It Will Never Be Perfect1:53

BEGIN

Learning Guideline

BEGIN

Endorsements On LinkedIn

BEGIN

Become An Alumni

BEGIN

Common React Interview Questions

BEGIN

Bonus: Progressive Web App

15 lectures

Note About This Section

BEGIN

Progressive Web Apps12:54

BEGIN

Opt-In Service Worker in CRA

BEGIN

Resources: Progressive Web Apps

BEGIN

Progressive Web Apps Examples6:15

BEGIN

PWA - HTTPS6:11

BEGIN

Note on server.js code

BEGIN

Resources: PWA - HTTPS

BEGIN

PWA - App Manifest6:12

BEGIN

PWA - Service Workers13:15

BEGIN

Resources: PWA - Service Workers

BEGIN

PWA - Final Thoughts2:03

BEGIN

Converting Our App To PWA10:43

BEGIN

Addendum to Server.js

BEGIN

Update for CRA v4.0.0+ and React 17+

BEGIN

Bonus: Testing

33 lectures

Note About This Section

BEGIN

Section Overview6:21

BEGIN

Updated Code For This Section

BEGIN

Types of Tests2:58

BEGIN

Testing Libraries15:28

BEGIN

Note: The Next Videos

BEGIN

Unit Tests2:42

BEGIN

Integration Tests2:46

BEGIN

Automation Testing4:27

BEGIN

Final Note On Testing2:56

BEGIN

Setting Up Jest22:58

BEGIN

Our First Tests11:10

BEGIN

Writing Tests5:31

BEGIN

Quick Note: Upcoming API Endpoint + ES6 Modules

BEGIN

Asynchronous Tests10:18

BEGIN

Asynchronous Tests 211:41

BEGIN

Resources: Jest Cheat Sheet

BEGIN

Mocks and Spies12:50

BEGIN

Exercise: #1 - Testing With Jest

BEGIN

Resources: Enzyme

BEGIN

Enzyme vs React Testing Library

BEGIN

Introduction To Enzyme14:29

BEGIN

Quick Note: Empty Snapshots

BEGIN

Snapshot Testing9:29

BEGIN

Snapshot Testing + Code Coverage4:54

BEGIN

Testing Stateful Components11:16

BEGIN

Quick Recap2:35

BEGIN

Testing Connected Components23:50

BEGIN

Testing Connected Components 23:35

BEGIN

Testing Reducers14:57

BEGIN

Testing Actions18:27

BEGIN

Section Review4:11

BEGIN

Testing In Our Master Project

BEGIN

Bonus: Webpack + Babel

2 lectures

Introduction to Webpack + Babel12:10

BEGIN

Webpack Config10:40

BEGIN

Bonus: Build a GatsbyJS Blog

10 lectures

Quick Note About This Section

BEGIN

Introduction to Gatsby.js7:55

BEGIN

Starting a Gatsby Project9:03

BEGIN

Gatsby Pages9:29

BEGIN

Gatsby GraphQL + Markdown8:39

BEGIN

Building Our Blog 110:53

BEGIN

Building Our Blog 29:12

BEGIN

Building Our Blog 36:54

BEGIN

Building Our Blog 47:26

BEGIN

Building Our Blog 59:32

BEGIN

Appendix 1: Key Developer Concepts

14 lectures

map()5:48

BEGIN

Promises14:57

BEGIN

filter()2:55

BEGIN

includes()12:50

BEGIN

CWD: Git + Github17:40

BEGIN

Github Update: Master --> Main

BEGIN

CWD: Git + Github 216:52

BEGIN

Async Await9:35

BEGIN

find()3:06

BEGIN

reduce()6:51

BEGIN

Memoization7:47

BEGIN

Currying4:24

BEGIN

ES6 Classes8:44

BEGIN

Inheritance14:41

BEGIN

Open Source Projects

3 lectures

Contributing To Open Source14:44

BEGIN

Contributing To Open Source 29:42

BEGIN

Exercise: Contribute To Open Source

BEGIN

AMA + Bonus

5 lectures

Thank You!1:17

BEGIN

Review This Course!

BEGIN

AMA - 100,000 Students!!38:30

BEGIN

Coding Challenges

BEGIN

Become a ZTM Ambassador ➡ Refer new students. Earn cash.

BEGIN

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.