React.js Learning PathBe Productive with React.js, Today's Most Popular Framework
Gain experience building, testing, and maintaining high-performance client and server-side React applications.
Core Coursework
Complete Intro to React, v8
![Brian Holt](https://static.frontendmasters.com/assets/teachers/holt/thumb.webp)
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.
![Complete Intro to React, v8](https://static.frontendmasters.com/assets/courses/2022-12-05-complete-react-v8/thumb.webp)
Intermediate React, v5
![Brian Holt](https://static.frontendmasters.com/assets/teachers/holt/thumb.webp)
Brian Holt
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.
![Intermediate React, v5](https://static.frontendmasters.com/assets/courses/2022-12-06-intermediate-react-v5/thumb.webp)
React Performance
![Steve Kinney](https://static.frontendmasters.com/assets/teachers/kinney/thumb.webp)
Steve Kinney
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.
![React Performance](https://static.frontendmasters.com/assets/courses/2023-01-23-react-performance/thumb.webp)
React and TypeScript, v2
![Steve Kinney](https://static.frontendmasters.com/assets/teachers/kinney/thumb.webp)
Steve Kinney
Use TypeScript with Components, Context API, React Hooks, and type props to build more robust and reliable React applications at scale.
![React and TypeScript, v2](https://static.frontendmasters.com/assets/courses/2023-01-19-react-typescript-v2/thumb.webp)
Introduction to Next.js 13+, v3
![Scott Moss](https://static.frontendmasters.com/assets/teachers/moss/thumb.webp)
Scott Moss
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!
![Introduction to Next.js 13+, v3](https://static.frontendmasters.com/assets/courses/2023-08-11-next-js-v3/thumb.webp)
Enterprise UI Development: Testing & Code Quality
![Steve Kinney](https://static.frontendmasters.com/assets/teachers/kinney/thumb.webp)
Steve Kinney
Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!
![Enterprise UI Development: Testing & Code Quality](https://static.frontendmasters.com/assets/courses/2023-05-26-enterprise-ui-dev/thumb.webp)
Elective Coursework
The Hard Parts of UI Development
![Will Sentance](https://static.frontendmasters.com/assets/teachers/sentance/thumb.webp)
Will Sentance
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.
![The Hard Parts of UI Development](https://static.frontendmasters.com/assets/courses/2023-06-20-hard-parts-ui-dev/thumb.webp)
A Tour of JavaScript & React Patterns
![Lydia Hallie](https://static.frontendmasters.com/assets/teachers/hallie/thumb.webp)
Lydia Hallie
Learn a suite of design patterns to improve your JavaScript and React code architecture!
![A Tour of JavaScript & React Patterns](https://static.frontendmasters.com/assets/courses/2022-08-18-tour-js-patterns/thumb.webp)
Redux Fundamentals (feat. React)
![Steve Kinney](https://static.frontendmasters.com/assets/teachers/kinney/thumb.webp)
Steve Kinney
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.
![Redux Fundamentals (feat. React)](https://static.frontendmasters.com/assets/courses/2021-06-15-redux-fundamentals/thumb.webp)
Advanced Redux with Redux Toolkit
![Steve Kinney](https://static.frontendmasters.com/assets/teachers/kinney/thumb.webp)
Steve Kinney
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.
![Advanced Redux with Redux Toolkit](https://static.frontendmasters.com/assets/courses/2023-02-07-advanced-redux/thumb.webp)
React Native, v2
![Kadi Kraman](https://static.frontendmasters.com/assets/teachers/kraman/thumb.webp)
Kadi Kraman
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.
![React Native, v2](https://static.frontendmasters.com/assets/courses/2020-05-05-react-native-v2/thumb.webp)
State Modeling in React with XState
![David Khourshid](https://static.frontendmasters.com/assets/teachers/khourshid/thumb.webp)
David Khourshid
Explore using XState and React together to model state in real-world React apps. State machines make complex application logic visually clear, flexible.
![State Modeling in React with XState](https://static.frontendmasters.com/assets/courses/2020-12-29-xstate-react/thumb.webp)
Remix Fundamentals
![Kent C. Dodds](https://static.frontendmasters.com/assets/teachers/dodds/thumb.webp)
Kent C. Dodds
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.
![Remix Fundamentals](https://static.frontendmasters.com/assets/courses/2022-09-26-remix/thumb.webp)
Client-Side GraphQL in React
![Scott Moss](https://static.frontendmasters.com/assets/teachers/moss/thumb.webp)
Scott Moss
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.
![Client-Side GraphQL in React](https://static.frontendmasters.com/assets/courses/2019-12-03-client-graphql-react/thumb.webp)
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops