Free React Courses online

Learn React with the React tutorials and online courses.

Loading

React won the front end by being small: components, props, state, and a rendering model that gets out of the way. Learning it now is noticeably easier than it was in 2019, mostly because the official documentation was rewritten around hooks and interactive sandboxes instead of class components.

Four courses in this category. Two come from the React team itself, and that isn't filler — the docs are genuinely the best free React material available.

Where to start

React Official Tutorial: Quick Start covers components, JSX, state, hooks and lifting state up with editable sandboxes, and takes under two hours. It teaches concepts without giving you a project. React Tutorial: Tic-Tac-Toe is the counterpart — one sitting, one game with move history, and the ideas that trip beginners up: immutability, keys, and why state lives higher up than you'd expect. Do both, in that order, before touching anything else. Between them they take an evening, and they cover more ground than most paid introductions do in a week.

When you want practice, not explanation

Learn React — Scrimba is Bob Ziroll's course: around eleven hours, 170-plus coding challenges and six projects, all edited live inside Scrimba's in-browser player. You pause the video and type into it. Six finished projects come out the other end, which is six more than the official tutorials leave you with. For anyone who reads a tutorial, nods along, then can't write a line unaided, that format solves the actual problem.

The certificate option, with a caveat

Front End Development Libraries from freeCodeCamp ends in a certification you earn by shipping five tested projects, and React and Redux are two of its five sections. The other three are Bootstrap, jQuery and Sass — jQuery in particular is legacy tech now, and you'll spend hours on it. Worth it if you want the certificate; skippable if you want React specifically.

Our take

Four entries is thin for a library this dominant. We have nothing on Next.js, nothing on testing React components, nothing on data fetching patterns, and no state management beyond the Redux section buried inside freeCodeCamp's certification. Start with the official docs, add Scrimba for the reps, then expect to leave this page.