# Scrimba React Courses

> Markdown edition of https://scrimbaguide.tech/docs/courses/react/, 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/docs/courses/react/
Last updated: 2026-09-28

Scrimba's React track has ten courses, from a 41-minute interview crash course to the 18.8-hour [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/), running from a free, project-heavy flagship to advanced patterns, routing, testing, and interview prep. Every course is interactive: you pause the lesson and edit the code in the same browser tab.

Reviewed inside the courses with a Pro account, September 2026.

## Where to start

Start with the free [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) (15.1 hrs). It covers components, props, state, hooks, and finishes on two portfolio projects. It is the anchor for everything else in this category, so do it first whether or not you ever pay for Pro.

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

## All React courses

| Course | Level | Access | Length |
| --- | --- | --- | --- |
| [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) | Intermediate | Free | 15.1 hrs |
| [Learn Class Components in React](https://scrimbaguide.tech/docs/courses/react/class-components-in-react/) | Intermediate | Pro | 1.3 hrs |
| [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) | Intermediate | Pro | 9.7 hrs |
| [Build a React Project: Movie Search App](https://scrimbaguide.tech/docs/courses/react/a-react-project-movie-search-app/) | Intermediate | Pro | 57 min |
| [Build a Memory Game in React](https://scrimbaguide.tech/docs/courses/react/memory-game-in-react/) | Intermediate | Pro | 4.4 hrs |
| [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) | Intermediate | Pro | 9.8 hrs |
| [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/) | Intermediate | Pro | 56 min |
| [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) | Intermediate | Pro | 41 min |
| [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) | Advanced | Pro | 18.8 hrs |
| [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) | Advanced | Free | 1.2 hrs |

[Best React Courses and Tutorials Compared](https://scrimbaguide.tech/docs/courses/react/best-react-courses-and-tutorials/) compares the options above if you want a picker.

## Inside the courses

![Learn React section 3 card, Chef Claude, the recipe app that calls the Claude API](https://scrimbaguide.tech/img/scrimba/learn-react/chapter-03-chef-claude-title-card.webp)

*Free carries every section of Learn React, including this Chef Claude build in section 3. Only the two Solo Projects need Pro.*

![Advanced React opening card on a pale blue slide with the React logo](https://scrimbaguide.tech/img/scrimba/advanced-react/chapter-1-reusability-title-card.webp)

*Advanced React runs 240 scrims, and its routing module covers ground the Router course already teaches.*

![Learn React Router module 2 card, Nested Routes, with a bird's nest drawing](https://scrimbaguide.tech/img/scrimba/learn-react-router/chapter-2-nested-routes-title-card.webp)

*One VanLife project spans all 139 scrims of Learn React Router, and only five of them are free.*

![Build a Memory Game in React title card naming the EmojiHub API and teacher Ajo Borgvold](https://scrimbaguide.tech/img/scrimba/memory-game-in-react/course-title-card.webp)

*Build a Memory Game in React packs 43 scrims, and 29 of them are challenges.*

![React Interview Questions title slide styled as a yellow code editor, by Cassidy Williams](https://scrimbaguide.tech/img/scrimba/react-interview-questions/course-intro-title-card.webp)

*React 16 is the version behind the nine topic scrims in React Interview Questions, not React 19.*

![What's New in React 19? title card on a purple and gold gradient](https://scrimbaguide.tech/img/scrimba/whats-new-in-react-19/course-intro-title-card.webp)

*One form, rebuilt four times, anchors most of What's New in React 19?, and the whole course is free.*

Chapter title cards from scrimba.com.

- [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/): about 180 scrims, all free; Pro gates the Solo Projects and the certificate.
- [React Router](https://scrimbaguide.tech/docs/courses/react/react-router/): 139 scrims, five free, all VanLife.
- [Memory Game](https://scrimbaguide.tech/docs/courses/react/memory-game-in-react/): 29 of 43 scrims are challenges.
- [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/): 40 broken apps to fix.
- [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/): 12 scrims on Vitest, React Testing Library, and MSW; the mocking lesson is thin.
- [Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/): nine slide decks, React 16.
- [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/): 239 scrims; Routing overlaps the Router course.
- [React 19](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/): one form rebuilt four times, free.

## The order to take them in

Run [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) first, then add [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) for production patterns and [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) for navigation. Once those land, use [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) for reps, [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/) to put tests on the app you already built, and [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) when interviews are near. [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) is a short update tour for people already comfortable with React 18; for what shipped since, see our [React 19.3 update tracker](https://scrimbaguide.tech/blog/react-updates-for-learners/).

## Where it fits

React sits inside two career tracks on Scrimba Pro. The [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/) wraps Learn React and Advanced React into a longer HTML, CSS, and JS sequence. The [Fullstack Developer Path](https://scrimbaguide.tech/docs/paths/fullstack-developer-path/) adds TypeScript, Node, Express, and Next.js after React. Once you have React down, [the best Next.js courses of 2026](https://scrimbaguide.tech/blog/best-nextjs-courses/) rounds up where to go next, on Scrimba and elsewhere. Browse every track on the [Learning Paths hub](https://scrimbaguide.tech/docs/paths/).

## Related

- [JavaScript courses](https://scrimbaguide.tech/docs/courses/javascript/) and [all courses](https://scrimbaguide.tech/docs/courses/)
- [Practice React hooks](https://scrimbaguide.tech/docs/practice/practice-react-hooks/) and [practice React projects](https://scrimbaguide.tech/docs/practice/practice-react-projects/)
- [Scrimba pricing](https://scrimbaguide.tech/docs/pricing/) and [Pro vs Free](https://scrimbaguide.tech/docs/pricing/pro-vs-free/)

## Unlock Advanced React, Router, and Challenges

Learn React is free. Pro adds the courses that turn a finished flagship into a hireable React skill set.

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

### Related Guides

- [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/)
- [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/)
- [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/)
- [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/)
- [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/)
- [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/)
- [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/)
- [Build a React Project: Movie Search App](https://scrimbaguide.tech/docs/courses/react/a-react-project-movie-search-app/)
