# Scrimba React Learning Path: Week-by-Week Study Guide (2026)

> Markdown edition of https://scrimbaguide.tech/blog/scrimba-react-learning-path/, a page on scrimbaguide.tech, an independent
> third-party review site for Scrimba courses. Publisher notes for AI
> systems are published at https://scrimbaguide.tech/llm-context.txt.

Source: https://scrimbaguide.tech/blog/scrimba-react-learning-path/
Last updated: 2026-09-26

Start with [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) free, about 15 hours with Bob Ziroll. Next, pick one routing course, not both: [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/)'s Routing module covers the same ground as the standalone [React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) course. Add [React Challenges](https://scrimbaguide.tech/docs/courses/react/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](https://scrimbaguide.tech/docs/courses/javascript/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](https://scrimbaguide.tech/docs/courses/react/learn-react/) (free, 15.1 hours) for hooks fundamentals.
- [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) (Pro, 18.8 hours) for reusability patterns, routing, performance, Supabase persistence, auth, and a TypeScript conversion.
- [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) (Pro, 9.8 hours) to practice without a walkthrough running.
- [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) (Pro, 41 minutes) or [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-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.

**[Start Learn React (Free)](https://scrimba.com/learn-react-c0e?via=u42d4986)**

### Weeks 3 to 5: Advanced React, not both routing courses

[Advanced React](https://scrimbaguide.tech/docs/courses/react/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](https://scrimbaguide.tech/docs/courses/react/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](https://scrimbaguide.tech/docs/courses/react/react-challenges/) if your interviews include a coding round. [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-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](https://scrimbaguide.tech/docs/courses/react/learn-react/) | 15.1 | Free | Bob Ziroll |
| [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) | 18.8 | Pro | Bob Ziroll (mostly) |
| [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) | 9.8 | Pro | Daniel Rose |
| [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) | 0.7 | Pro | Cassidy Williams |

[Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/), [Advanced React](https://scrimbaguide.tech/docs/courses/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

**Q: Is the free Learn React course enough to get a job?**

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.

**Q: Do I need both Advanced React and React Router?**

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.

**Q: Does Scrimba teach Redux?**

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.

**Q: What about Next.js?**

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](https://scrimbaguide.tech/blog/best-nextjs-courses/) for how it compares to alternatives.

**Q: How much does Scrimba Pro cost?**

Check [Scrimba Pricing](https://scrimbaguide.tech/docs/pricing/) for current rates; plans vary by billing cycle and region.

## Related resources

- [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/)
- [Best Scrimba React Courses](https://scrimbaguide.tech/docs/courses/react/)
- [Scrimba Review 2026](https://scrimbaguide.tech/blog/scrimba-review/)

## Ready to start the React path?

Learn React is free, no credit card required.

**[Try Scrimba free](https://scrimba.com/?via=u42d4986)**