React.js Learning Path
Be Productive with React.js, Today's Most Popular Framework

Gain experience building, testing, and maintaining high-performance client and server-side React applications.

Total time: 33 hours, 52 minutes

Core Coursework

Take these in order
Prerequisite: The Beginner Learning Path or a solid understanding of HTML, CSS, and JavaScript
Editor's Note
Learn to build a real-world, modern application from scratch using the latest features of React.

Complete Intro to React, v8

Brian Holt

Brian Holt

Snowflake

Learn to build real-world apps with modern React 18.x+. You'll use the latest React features to build a complete app for browsing adoptable pets.

5 hours, 50 minutes CC

Complete Intro to React, v8
Editor's Note
Continue building a real-world application with advanced React features like code-splitting and server-side rendering. You’ll also add TypeScript to the project. We have more TypeScript content in our TypeScript Learning Path

Intermediate React, v5

Brian Holt

Brian Holt

Snowflake

Learn to build scalable React applications using the latest tools and techniques. Topics include hooks, TailwindCSS, code splitting, server-side rendering, TypeScript, Redux Toolkit, and testing with Vitest.

6 hours, 6 minutes CC

Intermediate React, v5
Editor's Note
Learn to write performant React apps and use the React Profiler to diagnose and solve performance issues.

React Performance

Steve Kinney

Steve Kinney

Temporal

Write performant React apps by learning to structure components and memoize to avoid re-renders, load code on-demand, and leverage new concurrent features in React 18.

4 hours, 31 minutes CC

React Performance
Editor's Note
TypeScript is now critical for most larger React apps to write scalable React apps. We recommend taking TypeScript Fundamentals before taking this course.

React and TypeScript, v2

Steve Kinney

Steve Kinney

Temporal

Use TypeScript with Components, Context API, React Hooks, and type props to build more robust and reliable React applications at scale.

4 hours, 31 minutes CC

React and TypeScript, v2
Editor's Note
Next.js enables you to create full-stack Web applications by extending the latest React features and integrating powerful tooling for the fastest builds.

Introduction to Next.js 13+, v3

Scott Moss

Scott Moss

Initialized

Next.js is a complete full-stack framework built on top of React.js. Use Next.js to create basic blog websites up to full-blown, full-stack apps and APIs. Plus, learn new features like using the app router, server and client components, and server actions!

4 hours, 27 minutes CC

Introduction to Next.js 13+, v3
Editor's Note
Learn how to lead a team of engineers by managing large-scale applications, migrating codebases, and enforcing high code quality.

Enterprise UI Development: Testing & Code Quality

Steve Kinney

Steve Kinney

Temporal

Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!

8 hours, 25 minutes CC

Enterprise UI Development: Testing & Code Quality
Editor's Note
We have more React courses! Go deeper with Redux, learn patterns for writing React and JS apps, dive deeper into Next.js or Remix, make mobile apps with React Native, or learn to use State Machines! There’s so much to explore in the React ecosystem.

Elective Coursework

Optional, take in any order

The Hard Parts of UI Development

Will Sentance

Will Sentance

Codesmith

Develop an under-the-hood knowledge of UI development by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch! Master UI frameworks such as React, Angular, Vue, and Svelte by seeing exactly what problems they solve.

9 hours, 19 minutes CC

The Hard Parts of UI Development

A Tour of JavaScript & React Patterns

Lydia Hallie

Lydia Hallie

Lydia Hallie

Learn a suite of design patterns to improve your JavaScript and React code architecture!

3 hours, 29 minutes CC

A Tour of JavaScript & React Patterns

Redux Fundamentals (feat. React)

Steve Kinney

Steve Kinney

Temporal

Learn the Redux API from scratch, then learn to hook the Redux React application. You'll also learn how to extend Redux with various tools from its ecosystem.

4 hours, 41 minutes CC

Redux Fundamentals (feat. React)

Advanced Redux with Redux Toolkit

Steve Kinney

Steve Kinney

Temporal

Write more performant and maintainable Redux at scale. In this course, you'll use Redux Toolkit to simplify reducer logic and actions, use TypeScript with Redux, add tests, and use RTK Query to fetch data in real-world projects.

3 hours, 51 minutes CC

Advanced Redux with Redux Toolkit

React Native, v2

Kadi Kraman

Kadi Kraman

Formidable

Build a React Native application from scratch. Use Expo to get started quickly, learn the native components available in React Native, add navigation and more.

4 hours, 4 minutes CC

React Native, v2

State Modeling in React with XState

David Khourshid

David Khourshid

Microsoft

Explore using XState and React together to model state in real-world React apps. State machines make complex application logic visually clear, flexible.

4 hours CC

State Modeling in React with XState

Remix Fundamentals

Kent C. Dodds

Kent C. Dodds

Professional Trainer

Build static websites and dynamic web apps with Remix. Learn how to fetch data, leverage nested routing, eliminate pending states, and handle errors in Remix.

3 hours, 55 minutes CC

Remix Fundamentals

Client-Side GraphQL in React

Scott Moss

Scott Moss

Initialized

Use queries and mutations to interact with GraphQL APIs on the client using Apollo Client and React hooks. Learn more about the React Apollo GraphQL tutorial.

2 hours, 53 minutes CC

Client-Side GraphQL in React

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now