Courses Frontend Masters

The Complete Intro to React Course

Learn to build real-world apps with React 18 and React 19 using modern tooling like Vite, ESLint, and Prettier, plus the latest React and TanStack features to create a complete e-commerce application.

Beginner Level 8h 27m 4.70 🌐 EN

What you'll learn

  • Build a complete e-commerce application with React 18 and React 19
  • Use modern tooling like Vite, ESLint, and Prettier to scaffold and maintain projects
  • Leverage TanStack Router and TanStack Query for routing and state management
  • Understand how React handles rendering, hooks, and state under the hood
  • Follow a step-by-step workflow from setup through deployment

Skills you'll gain

  • Scaffold new React projects from scratch with Vite, ESLint, and Prettier
  • Build UIs with JSX and add interactivity using hooks like useState, useEffect, and useContext
  • Use TanStack Router and TanStack Query for routing and state management
  • Write tests for React apps using Vitest
  • Apply the latest React 19 features including form actions and suspense
  • Optimize performance with techniques like code-splitting and prefetching
  • Deploy a production-ready React application

Prerequisites

  • Solid foundation in HTML
  • Solid foundation in CSS
  • Solid foundation in JavaScript
  • Experience with Node/NPM
  • Experience with the command line

Who this course is for

  • Developers new to React
  • Frontend engineers looking to broaden their skills with modern React
  • Developers with basic web fundamentals who want to build real-world React apps
Pricing varies
Go to Course

You'll be redirected to Frontend Masters

Provider

Frontend Masters

Related Courses

System Design for Beginners

A free beginner-friendly video course from freeCodeCamp, listed on Class Central, introducing core concepts and practices of system design for software engineers and developers.

Codecademy

Introduction to Python Training

Learn to rapidly develop feature-rich applications in Python using built-in statements, functions, collections, object-oriented features, data accessors, and library modules in this 3-day instructor-led course.

Learning Tree

Introduction to Python

Learn Python like a pro from day one—code in a professional IDE with guided setup, instant feedback, and short, focused lessons that build job‑ready Python fundamentals for data science, automation, and software development.

JetBrains Academy

JavaScript Certification

This course teaches core JavaScript programming concepts including variables, functions, objects, arrays, and control flow. You also learn DOM manipulation, event handling, asynchronous and functional programming, and accessibility best practices, culminating in projects and a certification exam.

freeCodeCamp

Programming with JavaScript

Learn the basics of web development with JavaScript, including variables, data types, functions, objects, arrays, DOM manipulation, modern JS features, and writing unit tests with Jest over 5 modules.

Coursera ⭐ 4.70

Learn JavaScript

Master the fundamentals of modern JavaScript in this comprehensive interactive course. Write real-world code in minutes, solve challenges to cement your understanding, and use up-to-date JS features in bite-sized hands-on lessons, challenges, and quizzes.

Boot.dev ⭐ 4.70