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 to write performant React apps and use the React Profiler to diagnose and solve performance issues. - ⠇
React Performance
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.
- +
Editor's Notes
TypeScript is now critical for most larger React apps to write scalable React apps. - ⠇
React and TypeScript, v2
Use TypeScript with Components, Context API, React Hooks, and type props to build more robust and reliable React applications at scale.
- +
Editor's Notes
There are even more React courses! Go deeper with Redux, tour patters for writing React and JS apps, learn a fullstack React framework like Next.js or Remix, make mobile apps with React Native, or learn to use State Machines! There’s tons to explore in the React ecosystem.
Elective Coursework
- ⠇
A Tour of JavaScript & React Patterns
Learn a suite of design patterns to improve your JavaScript and React code architecture!
- ⠇
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.
- ⠇
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.
- ⠇
Advanced Redux with Redux Toolkit
Redux makes it easy to build scalable, production-ready state management for your React application. You'll find this in many medium-to-large React applications when React's built-in tools no longer suffice. In this workshop, we'll go beyond the basics and cover some of the modern tooling around Redux as well as the techniques used in large, enterprise React applications.
- ⠇
Introduction to Next.js 13+, v2
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 applications and APIs.
- ⠇
Remix Fundamentals
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.
- ⠇
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!
- ⠇
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.
