Best React Courses and Tutorials on Scrimba, Compared
Start with 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 for production patterns, add Learn React Router for multi-page apps, and pick up React Challenges to practice by doing rather than watching.
The courses at a glance
| Course | Level | Length | Access | Best for |
|---|---|---|---|---|
| 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 | Advanced | 18.8 hrs, 240 lessons | Pro | Production patterns (context, reducers, custom hooks) once the basics feel comfortable |
| Learn React Router | Intermediate | 9.7 hrs, 139 lessons | Pro | Adding multi-page navigation and nested routes to a React app |
| 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 | Intermediate | 4.4 hrs, 44 lessons | Pro | A focused, guided project to cement state and event handling |
| Movie Search App | Intermediate | 57 min, 14 lessons | Pro | A quick build wiring React to an external API |
| Learn Class Components in React | Intermediate | 1.3 hrs, 19 lessons | Pro | Reading and maintaining older class-based codebases |
| React Interview Questions | Intermediate | 41 min, 13 lessons | Pro | A last-mile refresher before interviews, with Cassidy Williams |
| 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? | 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 and What's 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 for current rates and what Pro unlocks.
Which one should you pick?
- Brand new to React? Start with Learn React (opens in a new tab). 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 for the patterns you hit in real codebases, then add Learn React Router once you need more than one page.
- Learn best by doing, not watching? React Challenges is the most active-practice course in the set. Pair it with a project build like Build a Memory Game in React.
- Interviewing soon? React Interview Questions is a short, targeted refresher rather than a full course.
- Adding tests to an existing app? Testing in React introduces Vitest, React Testing Library and MSW.
- Catching up from React 18? What's New in React 19? rebuilds a form with the newer actions APIs.
- Maintaining a legacy app? Learn 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 and Advanced React are built into the Frontend Developer Path (opens in a new tab) (81.6 hrs) and the Fullstack Developer Path (opens in a new tab) (108.4 hrs). Weighing Scrimba against a paid alternative? Our best React courses on Udemy 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 first.
Part of these learning paths
Not every course above sits inside a path. Learn React, Advanced React, and React Interview Questions are the three that do, in both the Frontend Developer Path and the Fullstack Developer Path. Testing in React is also part of the Fullstack path. Router, Challenges, the project builds, Class Components and What's New in React 19? stay standalone.
Practice and learn more
- Practice React Hooks
- Practice React Projects
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related pages
Learn React and What's 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 subscription.
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.
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 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.