Complete React Developer (w Redux, Hooks, GraphQL)

Complete React Developer (w/ Redux, Hooks, GraphQL), available at $139.99, has an average rating of 4.64, with 350 lectures, 2 quizzes, based on 28445 reviews, and has 136545 subscribers.

You will learn about Build enterprise level React applications and deploy to production (using React 18!) Learn to build reactive, performant, large scale applications like a senior developer Learn the latest features in React including Hooks, Context API, Suspense, React Lazy + more Master the latest ecosystem of a React Developer from scratch Become the top 10% ReactJS Developer Using GraphQL as a React Developer Use Redux, Redux Thunk and Redux Saga in your applications Learn to compare tradeoffs when it comes to different state management Set up authentication and user accounts Use Firebase to build full stack applications 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 Routing with React Router Converting apps to Progressive Web Apps Testing your application with Jest, Enzyme and snapshot testing Handling online payments with Stripe API Using the latest ES6/ES7/ES8/ES9/ES10/ES11 JavaScript to write clean code This course is ideal for individuals who are Students who are interested in going beyond a normal beginner tutorial or Programmers who want to learn the most in demand skill of a web developer or Developers that want to be in the top 10% of React Developers or Students who want to gain experience working on a scalable large application or Bootcamp or online tutorial graduates that want to go beyond the basics It is particularly useful for Students who are interested in going beyond a normal beginner tutorial or Programmers who want to learn the most in demand skill of a web developer or Developers that want to be in the top 10% of React Developers or Students who want to gain experience working on a scalable large application or Bootcamp or online tutorial graduates that want to go beyond the basics.

Enroll now: Complete React Developer (w/ Redux, Hooks, GraphQL)

Summary

Title: Complete React Developer (w/ Redux, Hooks, GraphQL)

Price: $139.99

Average Rating: 4.64

Number of Lectures: 350

Number of Quizzes: 2

Number of Published Lectures: 346

Number of Published Quizzes: 2

Number of Curriculum Items: 352

Number of Published Curriculum Objects: 348

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Build enterprise level React applications and deploy to production (using React 18!)

Learn to build reactive, performant, large scale applications like a senior developer

Learn the latest features in React including Hooks, Context API, Suspense, React Lazy + more

Master the latest ecosystem of a React Developer from scratch

Become the top 10% ReactJS Developer

Using GraphQL as a React Developer

Use Redux, Redux Thunk and Redux Saga in your applications

Learn to compare tradeoffs when it comes to different state management

Set up authentication and user accounts

Use Firebase to build full stack applications

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

Routing with React Router

Converting apps to Progressive Web Apps

Testing your application with Jest, Enzyme and snapshot testing

Handling online payments with Stripe API

Using the latest ES6/ES7/ES8/ES9/ES10/ES11 JavaScript to write clean code

Who Should Attend

Students who are interested in going beyond a normal beginner tutorial

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 scalable large application

Bootcamp or online tutorial graduates that want to go beyond the basics

Target Audiences

Students who are interested in going beyond a normal beginner tutorial

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 scalable large application

Bootcamp or online tutorial graduates that want to go beyond the basics

Just FULLY updated and re-recorded with all new React features (React v18)! Join a live online community of over 900,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with React.js.

Using the latest version of React (React 18), this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore. Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Meta, + other top tech companies.

We guarantee you this is the most comprehensive online resource on React. This project based course will introduce you to all of the modern toolchain of a React developer. Along the way, we will build a massive e-commerce application similar to Shopify using React, Redux, React Hooks, React Suspense, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe + more. This is going to be a full stack app (MERN stack), using Firebase.

The curriculum is going to be very hands on as we walk you from start to finish of releasing a professional React project all the way into production. We will start from the very beginning by teaching you React Basics and then going into advanced topics so you can make good decisions on architecture and tools on any of your future ReactJS projects.

All code is going to be provided step by step and even if you don’t like to code along, you will get access to the the full master project code so anyone signed up for the course will have their own project to put on their portfolio right away.

The topics covered will be:

– 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 and Snapshot testing

– React Best Practices

– Persistance + Session Storage

– State Normalization

+ more

Wait wait… I know what you’re thinking. Why aren’t we building 10+ projects? Well, here’s the truth: Most courses teach you React and do just that. They show you how to get started, build 10 projects that are simple and easy to build in a day, and just add some CSS to make them look fancy. In real life though, you’re not building silly applications. When you apply to jobs, nobody is going to care that you built a really pretty To Do app. Employers want to see you build large apps that can scale, that have good architecture, and that can be deployed to production.

Let me tell you 3 reasons why this course is different from any other React tutorial online:

1. You will build the biggest project you will see in any course. This type of project would take you months to implement yourself.

2. 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 probably have shopped at. Andrei has worked on enterprise level React applications for large IPOed tech firms in Silicon Valley as well as Toronto. By having both of them teach, you get to see different perspective and learn from 2 senior developers as if you are working at a company together.

3. We learn principles that are important beyond just what you learn as a beginner. Using the instructor’s experiences you learn about design patterns, how to architect your app, organize your code, structure your folders, and how to think about performance. Let’s just say we don’t shy away from the advanced topics.

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 to someone that is in the top 10% of React developers. 

Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don’t know where to start when learning a complex subject matter, or even worse, most people don’t have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student’s valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei’s courses will take you on an understanding of complex subjects that you never thought would be possible.  

See you inside the courses!

Yihua Zhang is one of the Instructors of Zero To Mastery, one of the highest rated and fastest growing Web Development academies on Udemy. He has been working as a software developer for numerous years in Toronto for some of the largest tech companies in the world. He has also been working as an instructor for more than a decade. He is focused on bringing everything he has learned to help you achieve a new career as a developer, but also give you all the fundamental skills required to flourish in this incredible industry.

Yihua is a self taught developer, so he fully understands the challenges and mindset of coming into this industry from various other backgrounds. He has been on both sides of the table, as both an instructor and student numerous times so he can empathize with the difficulty of learning something new and challenging. Learning itself is a skill that needs to be practiced and improved upon, and he is dedicated to helping you improve and master that skill for yourself. Courses need to be practical, you need to be able to understand why you are learning the things that you are being taught. You need to understand the problem before you know the solution, and he prides himself on teaching you how to build professional, real world applications so you truly understand why you are doing things a specific way. He will teach you the mindset and skillset required to grow as a developer as fast as possible, so you can have the rich and fulfilling life that comes with this career.

Yihua’s courses will guide you to build beautifully written and richly featured applications, while truly understanding all the complex concepts you will encounter along the way.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Outline

Lecture 2: Join Our Online Classroom!

Lecture 3: Exercise: Meet Your Classmates & Instructor

Lecture 4: ZTM Resources

Lecture 5: Monthly Coding Challenges, Free Resources and Guides

Chapter 2: React Key Concepts

Lecture 1: React Concepts

Lecture 2: The Birth of React.js

Lecture 3: Declarative vs Imperative

Lecture 4: Component Architecture

Lecture 5: One Way Data Flow

Lecture 6: UI Library

Lecture 7: How To Be A Great React Developer

Lecture 8: Web Developer Monthly

Chapter 3: React Basics

Lecture 1: Section Overview

Lecture 2: Course Guideline + Code

Lecture 3: Environment Setup for Mac

Lecture 4: Environment Setup For Windows

Lecture 5: NPM vs YARN

Lecture 6: Yihuas VSCode font and settings

Lecture 7: VSCode settings update

Lecture 8: Create React App – NPX

Lecture 9: Create React App – React-Scripts 1

Lecture 10: Create React App – React-Scripts 2

Lecture 11: Create React App – Everything Else

Lecture 12: Dont Eject

Lecture 13: Hooks vs Classes

Lecture 14: Quick note: React 18 Strict Mode

Lecture 15: Monsters Rolodex – Class Components

Lecture 16: Monsters Rolodex – Component State

Lecture 17: Monsters Rolodex – setState

Lecture 18: Monsters Rolodex – States and Shallow Merge

Lecture 19: Monsters Rolodex – setState and Secondary Callback

Lecture 20: Monsters Rolodex – Mapping Arrays to Elements

Lecture 21: Optional: map() + key attribute

Lecture 22: Monsters Rolodex – Keys for Mapping

Lecture 23: Monsters Rolodex – Single Page Applications (SPAs)

Lecture 24: Monsters Rolodex – Lifecycle Method: componentDidMount

Lecture 25: Optional: Promises

Lecture 26: Monsters Rolodex – Renders & Re-renders in React

Lecture 27: Monsters Rolodex – Input Search Box Component

Lecture 28: Monsters Rolodex – Searching & Filtering

Lecture 29: Optional: filter(), includes()

Lecture 30: Monsters Rolodex – Storing Original Data

Lecture 31: Monsters Rolodex – Optimizations

Lecture 32: Monsters Rolodex – Understanding Components

Lecture 33: Monsters Rolodex – CardList Component

Lecture 34: Monsters Rolodex – Component Props

Lecture 35: Monsters Rolodex – Rendering and Re-rendering part 2

Lecture 36: Monsters Rolodex – SearchBox Component

Lecture 37: Monsters Rolodex – CSS in React

Lecture 38: Monsters Rolodex – CardList Component

Lecture 39: Quick note on quotes for string interpolation

Lecture 40: Monsters Rolodex – Finishing Touches

Lecture 41: Functional vs Class Components

Lecture 42: Class Component Lifecycle Methods Breakdown

Lecture 43: Monsters Rolodex – Functional Component Intro

Lecture 44: Pure & Impure Functions

Lecture 45: Monsters Rolodex – Hooks: useState

Lecture 46: Monsters Rolodex – Functional Component Re-rendering

Lecture 47: Monsters Rolodex – Infinite Re-rendering

Lecture 48: Monsters Rolodex – Hooks: useEffect

Lecture 49: Monsters Rolodex – Remaining Components

Lecture 50: React v18: Migrating from React v17 + ReactDOM v18 Changes

Lecture 51: React v18: Strict Mode Changes

Lecture 52: DOM and Virtual DOM

Lecture 53: React and ReactDOM

Lecture 54: React and ReactDOM part 2

Lecture 55: ReactDOM v18 Changes

Lecture 56: DOM Paint Flashing

Lecture 57: Optional: Git + Github

Lecture 58: Optional: Connecting With SSH To Github

Chapter 4: Capstone Project: Intro + Setup

Lecture 1: Endorsements On LinkedIN

Lecture 2: Github Strategy

Lecture 3: The Long Road Ahead

Lecture 4: Project Overview

Lecture 5: Scaffolding Our Capstone Project

Lecture 6: Setting Up Our Categories

Lecture 7: Adding Sass

Lecture 8: Category Item Component

Lecture 9: Directory Component

Lecture 10: Adding Fonts

Chapter 5: Routing + React-Router

Lecture 1: Routing

Lecture 2: Updating/Upgrading Libraries

Lecture 3: Setting Up Our Homepage

Lecture 4: React Router Outlet

Lecture 5: Navigation Bar Component

Lecture 6: React Router Link

Lecture 7: Styling for Navigation + Logo

Chapter 6: Authentication + Firebase

Lecture 1: Setting Up Firebase

Lecture 2: Authentication Flow

Lecture 3: Optional: Async Await

Lecture 4: Optional: How to fix 403: restricted_client error

Lecture 5: Authenticating With Firebase

Lecture 6: Introducing Firestore Data Models

Instructors

Andrei Neagoie
Founder of zerotomastery.io

Yihua Zhang
Senior Software Developer

Rating Distribution

1 stars: 336 votes

2 stars: 383 votes

3 stars: 1475 votes

4 stars: 7137 votes

5 stars: 19113 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!