# Best React Courses and Tutorials on Scrimba, Compared

> Markdown edition of https://scrimbaguide.tech/docs/courses/react/best-react-courses-and-tutorials/, 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/best-react-courses-and-tutorials/
Last updated: 2026-11-12

Start with [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) if you're new to the library: it's free, it's a substantial 15.1-hour course, and it ends on two portfolio projects. Once components and hooks click, move to [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) for production patterns, add [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) for multi-page apps, and pick up [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) to practice by doing rather than watching.

## The courses at a glance

| Course | Level | Length | Access | Best for |
| --- | --- | --- | --- | --- |
| [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) | Intermediate | 15.1 hrs, 358 lessons | Free | Your starting point: components, props, state, hooks, and two portfolio projects with Bob Ziroll |
| [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) | Advanced | 18.8 hrs, 240 lessons | Pro | Production patterns (context, reducers, custom hooks) once the basics feel comfortable |
| [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) | Intermediate | 9.7 hrs, 139 lessons | Pro | Adding multi-page navigation and nested routes to a React app |
| [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) | Intermediate | 9.8 hrs, 84 lessons | Pro | Building fluency through hands-on challenges rather than following along |
| [Build a Memory Game in React](https://scrimbaguide.tech/docs/courses/react/memory-game-in-react/) | Intermediate | 4.4 hrs, 44 lessons | Pro | A focused, guided project to cement state and event handling |
| [Movie Search App](https://scrimbaguide.tech/docs/courses/react/a-react-project-movie-search-app/) | Intermediate | 57 min, 14 lessons | Pro | A quick build wiring React to an external API |
| [Learn Class Components in React](https://scrimbaguide.tech/docs/courses/react/class-components-in-react/) | Intermediate | 1.3 hrs, 19 lessons | Pro | Reading and maintaining older class-based codebases |
| [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) | Intermediate | 41 min, 13 lessons | Pro | A last-mile refresher before interviews, with Cassidy Williams |
| [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/) | Intermediate | 56 min, 12 lessons | Pro | Writing a test suite with Vitest, React Testing Library and MSW |
| [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) | Advanced | 1.2 hrs, 16 lessons | Free | React 19 actions and related APIs once you already know hooks |

Durations and lesson counts above come from Scrimba's catalog. [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) and [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) are free. The other eight courses need Scrimba Pro; the flagship's separate Solo Projects also need Pro. See the [pricing page](https://scrimbaguide.tech/docs/pricing/) for current rates and what Pro unlocks.

## Which one should you pick?

- Brand new to React? Start with [Learn React](https://scrimba.com/learn-react-c0e?via=u42d4986). It is free, it runs 15.1 hours, and it ends on real projects. It anchors everything else, so do it first whether or not you ever pay for Pro.
- Comfortable with components and hooks? Move to [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) for the patterns you hit in real codebases, then add [Learn React Router](https://scrimbaguide.tech/docs/courses/react/react-router/) once you need more than one page.
- Learn best by doing, not watching? [React Challenges](https://scrimbaguide.tech/docs/courses/react/react-challenges/) is the most active-practice course in the set. Pair it with a project build like [Build a Memory Game in React](https://scrimbaguide.tech/docs/courses/react/memory-game-in-react/).
- Interviewing soon? [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) is a short, targeted refresher rather than a full course.
- Adding tests to an existing app? [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/) introduces Vitest, React Testing Library and MSW.
- Catching up from React 18? [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) rebuilds a form with the newer actions APIs.
- Maintaining a legacy app? [Learn Class Components in React](https://scrimbaguide.tech/docs/courses/react/class-components-in-react/) covers the older syntax you will still meet in existing codebases.

If you want React inside a structured, job-focused sequence instead of picking courses one by one, [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) and [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/) are built into the [Frontend Developer Path](https://scrimba.com/frontend-path-c0j?via=u42d4986) (81.6 hrs) and the [Fullstack Developer Path](https://scrimba.com/fullstack-path-c0fullstack?via=u42d4986) (108.4 hrs). Weighing Scrimba against a paid alternative? Our [best React courses on Udemy](https://scrimbaguide.tech/blog/best-udemy-react-courses/) roundup ranks the top picks there too.

## Prerequisites

You need a working grasp of HTML, CSS, and JavaScript, especially arrays, functions, and ES6 syntax, before the React courses will click. If any of that feels shaky, start with [Learn JavaScript](https://scrimbaguide.tech/docs/courses/javascript/learn-javascript/) first.

## Part of these learning paths

Not every course above sits inside a path. [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/), [Advanced React](https://scrimbaguide.tech/docs/courses/react/advanced-react/), and [React Interview Questions](https://scrimbaguide.tech/docs/courses/react/react-interview-questions/) are the three that do, in both the [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/) and the [Fullstack Developer Path](https://scrimbaguide.tech/docs/paths/fullstack-developer-path/). [Testing in React](https://scrimbaguide.tech/docs/courses/react/testing-in-react/) is also part of the Fullstack path. Router, Challenges, the project builds, Class Components and [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) stay standalone.

## Practice and learn more

- [Practice React Hooks](https://scrimbaguide.tech/docs/practice/practice-react-hooks/)
- [Practice React Projects](https://scrimbaguide.tech/docs/practice/practice-react-projects/)
- [How Long Does It Take to Learn Coding?](https://scrimbaguide.tech/docs/how-it-works/learning-speed/)
- [Scrimba vs Codecademy](https://scrimbaguide.tech/docs/comparisons/scrimba-vs-codecademy/) | [All Comparisons](https://scrimbaguide.tech/docs/comparisons/)

## Related pages

- [All React Courses](https://scrimbaguide.tech/docs/courses/react/)
- [All Courses](https://scrimbaguide.tech/docs/courses/)
- [Scrimba Pricing](https://scrimbaguide.tech/docs/pricing/) | [Pro vs Free](https://scrimbaguide.tech/docs/pricing/pro-vs-free/)
- [Scrimba Review 2026](https://scrimbaguide.tech/blog/scrimba-review/)

**Q: Which Scrimba React course is free?**

[Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/) and [What's New in React 19?](https://scrimbaguide.tech/docs/courses/react/whats-new-in-react-19/) are free. Learn React's separate Solo Projects require Pro. The other eight courses in this comparison need a [Scrimba Pro](https://scrimbaguide.tech/docs/pricing/) subscription.

**Q: Should I do Learn React or Advanced React first?**

Learn React first, every time. It covers components, props, state, and hooks and ends on two portfolio projects. Advanced React assumes you already know those fundamentals and focuses on production patterns like context, reducers, and custom hooks.

**Q: Do I need to know JavaScript before starting React?**

Yes. React is a JavaScript library, so you should be comfortable with functions, arrays, and ES6 syntax first. If you are not, start with [Learn JavaScript](https://scrimbaguide.tech/docs/courses/javascript/learn-javascript/) before the React track.

## Start with Learn React, free

The free flagship course anchors Scrimba's whole React track. Explore Pro when you are ready for the advanced courses.

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

### Related Guides

- [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/)
- [Scrimba React Courses](https://scrimbaguide.tech/docs/courses/react/)
- [Is Scrimba Free? Pro vs Free](https://scrimbaguide.tech/docs/pricing/pro-vs-free/)