Neon
React Courses
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
Complete Intro to React, v9
Learn to build real-world apps with React 18 and React 19. Use tools like Vite, ESLint, and Prettier to scaffold a project and the latest React and TanStack features to build a complete e-commerce application.
![Complete Intro to React, v9](https://static.frontendmasters.com/assets/courses/2024-11-26-complete-react-v9/thumb.webp)
drag handle
Intermediate React Native, v2
Expo
Use React Native and Expo to create, customize, and deploy professional-grade mobile apps for iOS and Android, covering advanced UI, state management, and native device features.
![Intermediate React Native, v2](https://static.frontendmasters.com/assets/courses/2024-09-11-intermediate-react-native-v2/thumb.webp)
drag handle
React Native, v3
Expo
Use your React skills to build feature-rich, native mobile apps for iOS and Android using React Native and Expo.
![React Native, v3](https://static.frontendmasters.com/assets/courses/2024-09-10-react-native-v3/thumb.webp)
drag handle
Intermediate Next.js
Superfilter AI
Dive deeper into Next.js concepts including server actions, route protection, caching strategies, and advanced data fetching. Build a full-stack app with React 18+ features and optimized performance.
![Intermediate Next.js](https://static.frontendmasters.com/assets/courses/2024-07-08-intermediate-next-js/thumb.webp)
drag handle
Server-Side GraphQL in Next.js
Superfilter AI
Craft schemas, interface types, and resolvers while building a custom GraphQL API with Next.js.
![Server-Side GraphQL in Next.js](https://static.frontendmasters.com/assets/courses/2024-06-27-server-graphql-nextjs/thumb.webp)
drag handle
Client-Side GraphQL with React, v2
Superfilter AI
Wire up a React client application with dynamic data while learning the fundamentals of GraphQL queries and mutations.
![Client-Side GraphQL with React, v2](https://static.frontendmasters.com/assets/courses/2024-06-25-client-graphql-react-v2/thumb.webp)
drag handle
Design Systems with Storybook, v2
Temporal
Learn to create scalable design systems with Storybook. Build reusable UI components, test components, implement dark mode, and generate comprehensive documentation.
![Design Systems with Storybook, v2](https://static.frontendmasters.com/assets/courses/2024-06-05-design-systems-v2/thumb.webp)
drag handle
Enterprise Web App Accessibility (feat. React)
Principle Studios
Enhance your team's understanding of testing for accessibility and baking it into your React web apps. Learn about ARIA, focus management, semantic HTML, and testing strategies to create inclusive and user-friendly web interfaces.
![Enterprise Web App Accessibility (feat. React)](https://static.frontendmasters.com/assets/courses/2024-02-27-enterprise-accessibility/thumb.webp)
drag handle
Web App Accessibility (feat. React)
Principle Studios
Elevate your React projects by integrating accessibility standards and practices. Gain expertise in WCAG, ARIA, screen readers, semantic HTML, and accessibility testing to create inclusive and compliant web applications.
![Web App Accessibility (feat. React)](https://static.frontendmasters.com/assets/courses/2024-02-26-react-accessibility/thumb.webp)
drag handle
Build an AI-Powered Fullstack Next.js App, v3
Superfilter AI
Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
![Build an AI-Powered Fullstack Next.js App, v3](https://static.frontendmasters.com/assets/courses/2023-08-12-fullstack-app-next-v3/thumb.webp)
drag handle
Introduction to Next.js, v3
Superfilter AI
Next.js is a full-stack framework built on top of React.js. Learn the app router, server and client components, and server actions and create everything from basic blog websites up to full-stack apps and APIs.
![Introduction to Next.js, v3](https://static.frontendmasters.com/assets/courses/2023-08-11-next-js-v3/thumb.webp)
drag handle
Enterprise UI Development: Testing & Code Quality
Temporal
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)
drag handle
Advanced Redux with Redux Toolkit
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.
![Advanced Redux with Redux Toolkit](https://static.frontendmasters.com/assets/courses/2023-02-07-advanced-redux/thumb.webp)
drag handle
React Performance
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.
![React Performance](https://static.frontendmasters.com/assets/courses/2023-01-23-react-performance/thumb.webp)
drag handle
React and TypeScript, v2
Temporal
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)
drag handle
Intermediate React, v5
Neon
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)
drag handle
Advanced Remix
Professional Trainer
Build Remix web apps with advanced techniques: understand mutations, use optimistic UI, build server-intelligent UI components, give feedback as users navigate your app, and handle focus management.
![Advanced Remix](https://static.frontendmasters.com/assets/courses/2022-09-27-advanced-remix/thumb.webp)
drag handle
Remix Fundamentals
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.
![Remix Fundamentals](https://static.frontendmasters.com/assets/courses/2022-09-26-remix/thumb.webp)
drag handle
A Tour of JavaScript & React Patterns
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)
drag handle
State Modeling in React with XState
Microsoft
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)
drag handle
State Management with Redux & MobX
Temporal
Learn about structuring your data with front-end architect Steve Kinny. Start the "State Management with Redux & MobX" course today!
![State Management with Redux & MobX](https://static.frontendmasters.com/assets/courses/2019-07-23-redux-mobx/thumb.webp)
drag handle
Data Visualization for React Developers
Data Sketches
Learn the best practices on how to use D3.js and React to generate the data for these visualizations, and how to use React to render them.
![Data Visualization for React Developers](https://static.frontendmasters.com/assets/courses/2018-09-10-d3-js-react/thumb.webp)
drag handle