Skip to main content

Scrimba React Courses

Scrimba's React track has nine courses, from a 41-minute interview crash course to the 18.8-hour Advanced React, running from a free, project-heavy flagship to advanced patterns, routing, 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 (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 (opens in a new tab)

All React courses​

CourseLevelAccessLength
Learn ReactIntermediateFree15.1 hrs
Learn Class Components in ReactIntermediatePro1.3 hrs
Learn React RouterIntermediatePro9.7 hrs
Build a React Project: Movie Search AppIntermediatePro57 min
Build a Memory Game in ReactIntermediatePro4.4 hrs
React ChallengesIntermediatePro9.8 hrs
React Interview QuestionsIntermediatePro41 min
Advanced ReactAdvancedPro18.8 hrs
What's New in React 19?AdvancedFree1.2 hrs

Best React Courses and Tutorials Compared 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
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
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
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
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
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
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.

The order to take them in​

Run Learn React first, then add Advanced React for production patterns and Learn React Router for navigation. Once those land, use React Challenges for reps and React Interview Questions when interviews are near. What's New in React 19? is a short update tour for people already comfortable with React 18.

Where it fits​

React sits inside two career tracks on Scrimba Pro. The Frontend Developer Path wraps Learn React and Advanced React into a longer HTML, CSS, JS, and TypeScript sequence. The Fullstack Developer Path adds Node, Express, and Next.js after React. Once you have React down, the best Next.js courses of 2026 rounds up where to go next, on Scrimba and elsewhere. Browse every track on the Learning Paths hub.

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 (opens in a new tab)