Development > Web Development > React

The Ultimate React Course: Hooks, Router, Redux, and More

Build fast, modern, production-ready React applications from scratch — hooks, context, routing, state management, and testing.

4.718,432 ratings96,214 students

Created by Marcus Feld

Last updated 7/2026 · English

What you'll learn

Build fast, responsive, modern single-page applications with React
Master hooks: useState, useEffect, useReducer, useContext, and custom hooks
Manage global state with Context API and Redux Toolkit
Handle client-side routing with React Router v6+
Fetch, cache, and sync server data with React Query
Write clean, reusable, well-structured components
Test components with React Testing Library
Deploy a production React app

Course content

7 sections • 24 lectures • 5hr 2min total length
  • Course Overview & What You'll BuildPreview5:12
  • Setting Up Your Development EnvironmentPreview8:47
  • How React Works Under the Hood11:03
  • JSX Deep Dive14:22
  • Components & Props16:58
  • State with useState13:40
  • Handling Events9:15
  • Conditional Rendering & Lists12:31
  • useEffect and the Component Lifecycle18:04
  • useRef and useMemo10:52
  • useReducer for Complex State15:37
  • Building Your Own Custom Hooks17:29
  • Setting Up Routes9:48
  • Nested Routes & Layouts13:12
  • URL Params & Search Params11:20
  • Why Redux? Global State Explained10:05
  • Slices, Actions & Reducers16:44
  • Connecting Redux to React14:09
  • Fetching Data the Naive Way (and Why It Breaks)8:56
  • Queries, Caching & Invalidation15:18
  • Mutations & Optimistic Updates13:47
  • Writing Your First Test10:33
  • Testing Components & User Interaction14:51
  • Deploying Your React App9:02

Requirements

  • Basic knowledge of HTML, CSS, and JavaScript (ES6+)
  • No prior React experience needed
  • A code editor (VS Code recommended) and a modern browser

Description

This course takes you from React fundamentals to advanced, production-grade patterns used on real engineering teams. You'll start by building small components and work up to a full multi-page application with routing, global state, and live data.

Every section is project-based: you'll type real code, hit real bugs, and learn how to debug and reason about React the way working engineers do — not just copy along with a video.

By the end, you'll be comfortable reading React codebases, structuring your own projects, and making informed decisions about state management, data fetching, and component architecture.

Instructor

Marcus Feld

Senior Frontend Engineer & Instructor

MF
  • 4.7 Instructor Rating
  • 41,230 Reviews
  • 214,980 Students
  • 6 Courses

Marcus has spent the last decade building frontend systems for startups and larger product teams, most recently leading the web platform group at a Series C fintech company.

He started teaching in 2019 after realizing how much he enjoyed mentoring junior engineers on his own team, and has since taught web development to hundreds of thousands of students online.

Outside of code, Marcus writes a newsletter on frontend architecture and occasionally speaks at local JS meetups.

Student feedback

4.7

Course Rating

  • PS
    Priya S.3 weeks ago

    Best React course I've taken. The pacing is great and the projects actually feel like real work, not toy examples.

    Was this review helpful?
  • DO
    Daniel O.1 month ago

    Finally understood useEffect properly after this. Explanations are clear without being condescending.

    Was this review helpful?

18,432 total ratings