Skip to main content

Learn React on Scrimba (interactive)

Quick answer: Free, ~15.1-hour flagship React course with Bob Ziroll (MDN partner). You edit code inside each scrim—no local setup spiral—then ship Tenzies and Assembly: Endgame for your portfolio. Built for people who want a credible first React credential before Pro depth.

Last reviewed: March 2026.

We may earn a commission if you join Scrimba through our links.

Interactive React Tutorial

Free

This is the ideal starting point for anyone eager to learn modern React basics in the most interactive, hands-on way possible.

Duration: 15.1 hrsLevel: Intermediate6 modules
View on Scrimba (opens in a new tab)

About This Course​

This is the ideal starting point for anyone eager to learn modern React basics in the most interactive, hands-on way possible.

This Intermediate-level course covers 15.1 hrs of content across 157 interactive screencasts. It is available for free — no subscription required.

  • Duration: 15.1 hrs
  • Level: Intermediate
  • Access: Free (no subscription required)
  • Modules: 6
  • Total Lessons: 157

Instructor​

This course is taught by Bob Ziroll, an experienced educator on the Scrimba platform.

What Makes This Course Distinctive​

You finish with two named portfolio pieces: Tenzies and Assembly: Endgame. Earlier modules move from static UI into data-driven views, then spend real time on state and side effects so useState and useEffect feel familiar before the capstones. Bob Ziroll teaches in Scrimba's signature format: pause the cast, edit the instructor's code in the same pane, and run it immediately. That matters when you are new and would otherwise lose time switching windows or guessing what broke.

Learners often stall on "when does state live here?" and on async data and effects. The course spreads state across many short exercises instead of one overwhelming app, then ties ideas together in the game projects. Career changers like Maria get a clear sequence without assuming prior framework experience; newer devs like Tom get repetition inside the browser. If you already ship production React with hooks and want patterns for scale, skip ahead to Advanced React. If you want a single free, credible first React credential on your resume, this is the obvious starting point on Scrimba.

Module Breakdown​

ModuleDurationLessons
Static pages2.4 hrs22
Data-Driven React2.3 hrs22
React State5.2 hrs57
Side Effects108 min18
Capstone Project #1 - Tenzies86 min17
Capstone Project #2 - Assembly: Endgame2.2 hrs21

What You'll Build​

  • Tenzies
  • Assembly: Endgame

These hands-on projects reinforce what you learn and give you portfolio-ready work to show employers.

Prerequisites​

Basic knowledge of HTML, CSS, and JavaScript is recommended before starting this course.

Who Is This Course For?​

Best for complete beginners and career changers who want to learn React from scratch with an instructor walking through every concept. The course is built so you code inside every lesson. No separate editor setup is required. Not ideal if you already know hooks and effects well and want advanced architecture or performance work (use Advanced React instead).

Part of These Learning Paths​

Choose This If​

  • You want a free, end-to-end first React course with two portfolio games, not scattered YouTube clips.
  • You have tried passive videos or docs but you forget syntax because you never typed it; this course forces you to edit code in every cast.
  • You need React fundamentals and small projects before the Frontend or Fullstack paths, so path modules feel manageable.

Practice & Learn More​

Start Interactive React Tutorial for Free (opens in a new tab)

Related Guides

Docs

All Courses

→
Docs

Learning Paths

→
Blog

Best Free Courses

→

Ready to Upgrade Your Learning?

Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.

Claim 20% Off Scrimba Pro (opens in a new tab)
Last updated on