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, 357 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 |
Durations and lesson counts above come from Scrimba's catalog. Only Learn React is free; everything else needs Scrimba 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.
- 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. Router, Challenges, the project builds, and Class Components 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
The flagship Learn React course is free: 15.1 hours and 357 lessons with Bob Ziroll. The rest of the React track (Advanced React, Router, the project builds, challenges, and interview prep) needs 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.