Scrimba React Learning Path: Week-by-Week Study Guide (2026)
Last updated:
Start with Learn React free, about 15 hours with Bob Ziroll. Next, pick one routing course, not both: Advanced React's Routing module covers the same ground as the standalone React Router course. Add React Challenges to drill it, then close with interview prep or the React 19 update. Total: roughly 35 hours.
Every hour, module and project below comes from our own reviews, each written after going through the course with a Pro account.
Who this path is for
You already write JavaScript, you have not touched React yet, and you want one order to follow instead of guessing at Scrimba's ~10 React courses. If you are still shaky on map, filter, object destructuring or promises, take Learn JavaScript first. React's state hooks lean on all four.
What order should you take Scrimba's React courses in?
Four courses, in this order, cover a working React developer's basics:
- Learn React (free, 15.1 hours) for hooks fundamentals.
- Advanced React (Pro, 18.8 hours) for reusability patterns, routing, performance, Supabase persistence, auth, and a TypeScript conversion.
- React Challenges (Pro, 9.8 hours) to practice without a walkthrough running.
- React Interview Questions (Pro, 41 minutes) or What's New in React 19? (free, 69 minutes), depending on whether an interview or the latest APIs come first.
Weeks 1 to 2: Learn React
Bob Ziroll's free course runs 15.1 hours across six modules and three real builds: a Chef Claude recipe app that calls Anthropic's Claude API, then two capstones, Tenzies (a dice game) and Assembly: Endgame (a hangman variant where each wrong guess wipes a programming language off the board). Section three, React State, is the long one at 5.2 hours and 58 scrims; that's where props and JSX turn into forms, useState, and the Chef Claude fetch call. It's labeled Intermediate and means it: expect the pace to bite there if hooks are new to you.
Weeks 3 to 5: Advanced React, not both routing courses
Advanced React runs 18.8 hours across six modules: Reusability (5 hours, building a menu component three different ways until it lands on custom hooks), Routing (6.4 hours, the VanLife camper-van rental app), Performance, Persistence with Supabase, Authentication, and a TypeScript conversion. Its own review page says it straight: the Routing module is "the career-path version of Scrimba's standalone React Router course, so if you already took that, you will be repeating about six hours." Take this course for the full six-module spread and skip the standalone Router course. Take Router on its own only if you want routing in isolation and do not plan to buy the bigger course.
Week 6: React Challenges
Daniel Rose's 9.8-hour course hands you 40 broken or half-built apps, from a synth keyboard to a Game Boy game to a spaceship blaster, each with a written brief and his recorded solution. Only 2.7 of the 9.8 hours are the briefs themselves; the rest is Daniel solving each one, which he tells you to skim if you weren't stuck. The value is the minutes you spend stuck before you press play, not the walkthrough.
Week 7: interview prep or the React 19 update
Pick based on your immediate goal. Cassidy Williams' React Interview Questions is 41 minutes: nine scrims of questions with her model answers plus one coding exercise, converting a class-based counter into a function component with useState. It drills talking through concepts, not live coding, so pair it with React Challenges if your interviews include a coding round. What's New in React 19? is free and 69 minutes: Bob rebuilds one username form four times with the action prop, useActionState, useOptimistic, and useFormStatus. Take it if you already write hooks-based React and want the React 19 changes in working code.
How long does the whole path take?
| Course | Hours | Access | Instructor |
|---|---|---|---|
| Learn React | 15.1 | Free | Bob Ziroll |
| Advanced React | 18.8 | Pro | Bob Ziroll (mostly) |
| React Challenges | 9.8 | Pro | Daniel Rose |
| React Interview Questions | 0.7 | Pro | Cassidy Williams |
Learn React, Advanced React, and Challenges alone run about 44 hours. At an hour a day, that's six to seven weeks; at two hours, half that.
Frequently Asked Questions
It gets you hooks, state, and one API-driven build, not enough on its own for most mid-level roles. Routing and a state-management pattern beyond useState, both in Advanced React, are what most job listings expect next.
No. Advanced React's Routing module teaches React Router 6 in the same VanLife app the standalone course uses, about six hours of overlap. Take the standalone course only if you want routing alone and skip Advanced React entirely.
No. Advanced React teaches the Context API and custom hooks instead, which cover most of what Redux solved. The patterns transfer if you need Redux or Zustand later.
Scrimba has a separate Learn Next.js course. Finish this React path first; Next.js assumes React fundamentals it does not re-teach. See our Next.js courses roundup for how it compares to alternatives.
Check Scrimba Pricing for current rates; plans vary by billing cycle and region.
Related resources
Ready to start the React path?
Learn React is free, no credit card required.