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: Yihua's 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: Don't 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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024