Core Coursework
(take these in order)
- +
Editor's Notes
Learn to build an entire real-world, modern application from scratch in today’s tools! - ⠇
Complete Intro to React, v8
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. - +
Editor's Notes
Learn the tools in the surrounding React ecosystem. - ⠇
Intermediate React, v5
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. - +
Editor's Notes
Learn patterns for managing state throughout your React application. - ⠇
State Management in Pure React, v2
Create custom hooks, use reducers, add routing, and then learn ways to do more complicated react state management techniques such as using the Context API. - +
Editor's Notes
There are even more React courses! You can also learn d3.js for data visualization on top of React. Use Firebase as your back end. Or cross-compile React across native mobile. Functional programming is used a lot in React as well, so it would be good to brush up on your functional as well.
Elective Coursework
- ⠇
React and TypeScript
Migrate your app to TypeScript type simple and advanced React components. Learn React and TypeScript course with Frontend Masters! - ⠇
Redux Fundamentals (feat. React)
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. - ⠇
Introduction to Next.js
Next.js is a complete framework built on top of React.js. You'll learn server-side rendering, static site generation, data fetching, and code API endpoints - ⠇
A Tour of JavaScript & React Patterns
Learn a suite of design patterns to improve your JavaScript and React code architecture! - ⠇
React Native, v2
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. - ⠇
Intermediate React Native
Learn how to persist data across app launches, add images to your React Native app, use gestures, add animations, and much more! - ⠇
State Modeling in React with XState
Explore using XState and React together to model state in real-world React apps. State machines make complex application logic visually clear, flexible. - ⠇
Introduction to Gatsby, v2
Code a full blog web app in Gatsby. Use GraphQL in Gatsby for storing and retrieving data, creating pages and posts with MDX, and more! - ⠇
Client-Side GraphQL in React
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. - ⠇
Design Systems with React & Storybook
Design components with Figma, and then learn to code your components in React, and document them for your teams with Storybook.