The Complete Intro to React Course

Name: Complete Intro to React, v9
Author: Brian Holt

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.

Why Learn React?

Broaden Your Frontend Skills With The Web's Most Popular Framework

Stay Ahead with React 19 Features

Build modern client-side React apps and future-proof your career with the latest React 19 features like form actions, suspense, and performance optimizations with the React Compiler.

Explore the React Ecosystem

Learn to leverage TanStack Router, TanStack Query, and industry-standard tools like Vite, ESLint, and Prettier. Boost performance and get your app production-ready with techniques like code-splitting and prefetching.

Go Under the Hood

Brian Holt doesn’t just teach you how to use React—he shows you why React works the way it does. Build an in-depth mental model for how React handles rendering, hooks, and state management.

Step-by-Step from Setup to Deployment

Whether you’re new or brushing up, this course walks through everything—from bootstrapping your project with Vite, creating custom components from scratch, and managing side effects, to deploying your finished app. You’ll leave with a complete React development workflow.

What You'll Learn

Build Real-World Applications with Modern React APIs

Lessons

8.5

Hours

4.8

Rating

Certificate of Completion

Learn at Your Own Pace

This is a complete intro to React - no previous React experience required. A solid foundation in HTML, CSS, and JavaScript is recommend. Experience with Node/NPM and the commandline is also helpful.

Scaffold a new React project from scratch with modern tooling like Vite, ESLint, & Prettier
Use JSX to build UIs with its familiar HTML-like syntax and add interactivity and dynamic data using common React hooks like useState, useEffect, and useContext
Explore the React ecosystem while building more robust routing and state management with TanStack Router and TanStack Query
Write tests for your React apps using Vitest and get hands-on experience with the latest React 19 features.

Get Started with The Complete Intro to React

Use the Latest Tools to Start Building with React

Including TanStack Router, TanStack Query, and industry-standard tools like Vite, ESLint, and Prettier.

Brian Holt Staff Product Manager at Neon

Your (Awesome) Instructor

We take a first-principles approach with no build tools or anything - just vanilla JavaScript and React. Then we add tools like Vite, JSX, ESLint, Prettier, etc. to help you understand the problems they solve and enable you to construct your own stack from scratch.

An Engineer, Leader, & Teacher Who Builds for Top Companies

With deep experience building developer tools at Microsoft, Stripe, Netflix, and Reddit, Brian Holt brings a passion for engineering, teaching, and creating world-class developer experiences to every project.

Staff Product Manager

Building dev tools and dev experience for open-source cloud-native PostgreSQL.

Product Manager

Led dev tool products including Stripe CLI, VS Code extensions, server SDKs, and React Native SDKs.

Senior UI Engineer

Architected core UI infrastructure, taught React internally, and drove A/B testing at scale.

Coursework

Introduction

11 minutes

Basic React App

21 minutes

Tooling

43 minutes

JSX in React

34 minutes

React Hooks

2 hours, 4 minutes

The React Ecosystem

1 hour

Advanced React Techniques

1 hour, 17 minutes

Testing

1 hour, 31 minutes

React 19 Features

35 minutes

Wrapping Up

6 minutes

Total Time for the Complete Intro to React, v9

8 hours, 27 minutes

Get Started with The Complete Intro to React

Best in Class Course Player

Your React Learning Adventure Begins Here

Course Progress: Learn at your own pace and pick up right where you left off.
Robust Note-Taking: Take notes alongside transcripts to easily reference information while learning.
Q&A and Code Corrections: Submit and view questions and answers, as well as code corrections.

Earn a Completion Certificate

After completing this course, you'll receive a certificate of completion that serves as proof of your achievement, showcasing your expertise, and commitment to professional development. You can easily share this certificate on your LinkedIn profile to highlight your new skills and demonstrate continuous learning to potential employers and professional connections.