TRAVERSY MEDIA FLAGSHIP COURSE
Modern React From The Beginning 2.0
Build modern React applications from the ground up with React Router, TanStack Query, TypeScript, and the MERN stack.
4.9 ★★★★★ • 5,000+ students • Updated January 2026
25.5 hours
Focused video
5+ projects
Hands-on builds
All levels
Beginner friendly
17 downloads
Code and resources
Lifetime access
Learn anytime
COURSE OVERVIEW
React that feels like the real world
This is a project-based course for learning modern React from the beginning. You will move from components, state, and hooks into routing, server state, TypeScript, authentication, and full-stack application architecture.
No endless theory and no toy examples. Each section builds toward the kind of work you will actually do in production projects.
WHAT YOU WILL LEARN
Everything you need to build with modern React
Go beyond syntax and learn how the pieces fit together.
React Fundamentals
Components, JSX, props, state, events, forms, and reusable UI patterns.
Hooks and State
Use built-in hooks confidently and create custom hooks for shared behavior.
Routing
Build multi-page experiences with modern React Router patterns and data APIs.
Server State
Fetch, cache, synchronize, and update API data with TanStack Query.
TypeScript
Add practical types to components, hooks, APIs, forms, and application data.
Full-Stack React
Connect React to Express, MongoDB, authentication, protected routes, and deployment.
BUILD AS YOU LEARN
Five projects. One complete React skill set.
Every project adds new concepts while reinforcing the fundamentals.
PROJECT 01
React Mini Projects
Build confidence with focused interfaces, forms, state, effects, and reusable components.
PROJECT 02
GitHub Finder
Search profiles, manage server state, and build a responsive API-driven experience.
PROJECT 03
Shopping Cart
Create products, filters, cart state, totals, and a polished ecommerce workflow.
PROJECT 04
Developer Portfolio
Build a professional portfolio with routing, TypeScript, reusable layouts, and content-driven pages.
PROJECT 05
Idea Share MERN App
Bring it all together with authentication, MongoDB, Express, protected routes, and full CRUD.
THE COMPLETE CURRICULUM
21 modules from React foundations to full-stack deployment
247 published lessons and quizzes, 25.5 hours of video, 5+ projects, and 17 downloadable resources.
01 - Intro & Getting Started
02 - JavaScript Refresher For React (Optional)
03 - React Fundamentals - State, Props, Events, Hooks & More
04 - Forms, Input & Controlled Components - Notes App Project
05 - Lifecycle & useEffect Hook
06 - useRef Hook & Simple Timer Project
07 - Working With APIs - Crypto Dash Project
08 - React Router: Declarative Mode - Crypto Dash Project
09 - Build & Deploy
10 - Context API - Shopping Cart UI
11 - React Router Framework, SSR & TypeScript - Friendly Dev Project
12 - Loaders, Filtering, Pagination & More
13 - Inner Pages, Actions & Markdown
14 - Strapi Headless CMS For Content
15 - Cloudinary Images, Contact Form & Full Stack Deployment
16 - TanStack Query - GitHub Finder Project
17 - TanStack Router - IdeaDrop Project
18 - MERN Stack: Backend Node/Express API
19 - API Authentication With JWT & Refresh Tokens
20 - Full Stack Authentication
21 - MERN App Deployment
CHOOSE YOUR ACCESS
Own the course or unlock the full library
Both options include immediate access and future course updates.
YOUR INSTRUCTOR
Learn with Brad Traversy
Brad has helped millions of developers learn web development through practical, project-based teaching. His courses focus on clear explanations, real workflows, and the skills you need to build useful software.
Modern React 2.0 brings that same approach to today's React ecosystem, from the fundamentals through full-stack application development.
FREQUENTLY ASKED QUESTIONS
Before you enroll
Is this course beginner friendly?
What do I get with the $25 option?
What is included in the annual membership?
Can I learn at my own pace?
START BUILDING TODAY
Learn modern React by building real applications
Get Modern React 2.0 on its own for $25, or unlock every Traversy Media course for $99 per year.
Get Full Access for $99/year