❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [June 30th, 2023]

This course provides a comprehensive overview of the React Developer ecosystem in 2022. Students will learn how to create enterprise-level React apps and deploy them to production (using React 18!). They will also learn the latest React features, such as Hooks, Context API, Suspense, React Lazy, and more. Additionally, students will learn about state management with Redux, Redux Thunk, and Redux Saga, as well as user accounts and authentication. They will also learn to build full-stack applications with Firebase, React Design Patterns, CSS in JS with styled-components, routing with React Router, Progressive Web Apps, Jest, Enzyme, and snapshot testing, Stripe API, and the most recent ES6/ES7/ES8/ES9/ES10/ES11 JavaScript. By the end of the course, students will be able to lead React projects and become one of the top 10% of ReactJS developers.

[Applications]
Upon completion of this course, students will be able to apply their knowledge to create enterprise-level React applications and deploy them to production. They will be able to use the latest React features, such as Hooks, Context API, Suspense, React Lazy, and more. They will also be able to use GraphQL, Redux, Redux Thunk, and Redux Saga for different state management. Additionally, they will be able to create user accounts and authentication, build full-stack applications with Firebase, understand React Design Patterns, use styled-components for CSS in JS, use React Router for routing, convert apps to Progressive Web Apps, use Jest, Enzyme, and snapshot testing to validate applications, and use Stripe API to process online payments. Finally, they will be able to write clean code using the most recent ES6/ES7/ES8/ES9/ES10/ES11 JavaScript.

[Career Path]
The development trend for a complete React Developer in 2022 is to stay up to date with the latest React features, such as Hooks, Context API, Suspense, React Lazy, and more. Additionally, the React Developer should be familiar with GraphQL, Redux, Redux Thunk, Redux Saga, Firebase, React Design Patterns, styled-components, React Router, Progressive Web Apps, Jest, Enzyme, and snapshot testing, Stripe API, and the most recent ES6/ES7/ES8/ES9/ES10/ES11 JavaScript. The React Developer should also be able to lead React projects by making sound architectural decisions and providing assistance to others on the team.

[Education Path]
The recommended educational path for learners is to pursue a Bachelor's degree in Computer Science with a focus on React Development. This degree will provide learners with the necessary skills and knowledge to become a React Developer. The curriculum will include courses in web development, software engineering, database management, and computer programming. Learners will also learn about the latest React features, such as Hooks, Context API, Suspense, React Lazy, and more. They will also learn about GraphQL, Redux, Redux Thunk, Redux Saga, Firebase, React Design Patterns, styled-components, React Router, Progressive Web Apps, Jest, Enzyme, and snapshot testing. In addition, learners will learn how to write clean code using the most recent ES6/ES7/ES8/ES9/ES10/ES11 JavaScript.

The development trend for React Development is to focus on creating enterprise-level React apps and deploying them to production. This requires a deep understanding of the React Developer ecosystem and the ability to make sound architectural decisions. As the technology continues to evolve, React Developers must stay up to date with the latest features and trends in order to remain competitive.

Course Syllabus

React Key Concepts

React Basics

Capstone Project: Intro + Setup

Routing + React-Router

Authentication + Firebase

React Context For State Management

Observer Pattern

React Context Continued

Firebase Database Storage

CSS-In-JS + Styled-Components

Deploying With Netlify

Reducers

Redux

Redux Extended Tools

Asynchronous Redux: Redux-Thunk

Asynchronous Redux: Redux-Saga

Serverless Functions + Stripe

Typescript Basics: Typing Monsters-Rolodex

Typescript Advanced: Typing Redux + Crwn-Clothing

Typescript Advanced: Typing Firebase + User Redux Files

Typescript Advanced: Redux Store + Middleware

Typescript Advanced: Redux-Saga

Typescript Advanced: Typing Our Crwn-Clothing Components

GraphQL + Apollo Client​​​​​​​

Performance Optimizations

Firebase Rule Security

Master Project: Mobile Support​​​​​​​

React Interview Questions + Advice​​​​​​​

Progressive Web App​​​​​​​

Testing in React​​​​​​​

Webpack + Babel​​​​​​

Build a GatsbyJS Blog​​​​​​​​​​​​​​

Open Source Projects