In this guide, I’ve picked the best online courses, tutorials, and resources to learn React, a JavaScript library for building user interfaces hassle-free. React is the most popular framework for JavaScript with over 11 million websites actively relying on it. Thanks to its massive open-source community, anything you need, there’s probably a library for it out there.

Here are my top picks. Click on one to skip to the course details:

Course	Workload	In Brief
1. Full Modern React Tutorial (Net Ninja)	3–4 hours	Best free intro to React course for beginners
2. Learn React for free (Scrimba)	12 hours	Best free project based React course
3. Modern React with Redux (Stephen Grider)	52 hours	Best beginner to advanced in-depth React course from a trusted engineer
4. The Road to React (Robin Wieruch)	N/A	Best text based course, also includes digital book
5. The Beginner’s Guide to React (egghead.io)	2–3 hours	Best free short intro to React
6. Complete Intro to React, v7 (Frontend Masters)	7–8 hours	Best intro to Vanilla React and JSX course
7. React – The Complete Guide (Academind)	49 hours	Alternative to #3
8. React and TypeScript (Frontend Masters)	5–6 hours	Best course on using TypeScript in React
9. Testing React with Jest and Testing Library (Bonnie Schulkin)	7–8 hours	Best course on writing tests in React
10. Epic React (Kent C. Dodds)	19 hours	Best hands-on advanced React course

What is React?

React is a JavaScript library for building user interfaces. It was developed and released in 2013 by Meta for designing the user interface for Facebook, Instagram, and WhatsApp. But thanks to its open-source nature, it is also used by other big companies like Netflix, The New York Times, AirBnb, Discord, and DropBox, so it is easy to see why it is the most wanted-to-learn framework by developers for five years now, according to the 2022 StackOverflow Survey. React is immensely popular due to its simplicity — developers can create dynamic and interactive web applications with less bugs and less boilerplates.

The best thing about React is its lively developer community. If there’s something that needs to be done (like server side rendering or state management), you can be sure that someone has already created a library for it out there. In addition, anyone who knows React can easily jump into React Native to make mobile applications as well.

Best Courses Guides Methodology

I built this ranking following the now tried-and-tested methodology used in previous Best Courses Guides (you can find them all here). It involves a three-step process:

1. Research: I started by leveraging Class Central’s database with 100K online courses and 200K+ reviews. Then, I made a preliminary selection of React courses by rating, reviews, and bookmarks.
2. Evaluate: I read through reviews on Class Central, Reddit, and course providers to understand what other learners thought about each course and combined it with my own experience as a learner.
3. Select: Well-made courses were picked if they presented valuable and engaging content and they have to fit in a set of criteria and be ranked accordingly: comprehensive curriculum, affordability, release date, ratings and enrollments.

Course Ranking Statistics

Here are some aggregate stats about the ranking:

• The courses combined amount to 850K enrollments.
• 3 courses are free or free-to-audit while 7 are paid.
• All but three of the courses are beginner-friendly.

Without further ado, let’s go through the top picks.

1. Full Modern React Tutorial (Net Ninja)

My number one pick for the best React course is Full Modern React Tutorial by Net Ninja

In this free course, you’ll learn React from novice to Ninja. You’ll cover all the basics — what React is, setting up, components & routing — before diving into state management, async code, built-in hooks & custom hooks too.

You’ll need some prior experience with JavaScript to take this course.

What You’ll Learn

Right off the bat, you’ll create a React application with the help of the create-react-app tool to boilerplate a new React application. Then, after touring around your first starter project, you’ll begin populating it with components to design your user interface. You’ll also learn how to add style to your UI to make it user-friendly.

So you’ve designed a static webpage, but there’s no interactivity yet. Events allow you to perform actions based on user input, like clicking. Actions can lead to change of states in components, so you’ll learn how to manage them with hooks (and eventually create your own custom hook).

Moving on, you’ll learn how to implement forms the user can fill in, which you can then use to send and receive data from a server. Additionally, you’ll learn about the React router, handling errors like 404 pages, and more.

How You’ll Learn

This course is 3–4 hours long. You’ll learn by watching the lecture videos and following along with the instructor as he codes.

Channel	Net Ninja
Provider	YouTube
Instructor	Shaun Pelling
Level	Beginner
Workload	3–4 hours
Views	623K
Likes	12K
Certificate	None

Fun Facts

• The course has 14 bookmarks on Class Central.
• Shaun is the current owner of The Net Ninja, with over 1M subscribers and over 85K students on Udemy. He is an experienced content creator with a history rich in the e-learning and programming industry, with a Master’s Degree focused in Astrophysics from The University of Manchester.
• He has several courses on Udemy like Build Web Apps with React & Firebase.

If you’re interested in this course, you can find more information about the course and how to enroll here.

2. Learn React for free (Scrimba)

My second pick for the best course to learn React is Scrimba’s React course.

In this free project-driven course, you’ll learn the basics of modern React through hands-on practice. By completing interactive coding challenges and interesting fun projects, code will stick to your head like glue. There’s also a Discord channel where you can ask for help from Scrimba’s welcoming community.

To take this course, you should have a basic understanding of HTML, CSS, and JavaScript. Scrimba has a course on JavaScript for beginners to programming.

What You’ll Learn

You’ll begin the course by discussing the reasons behind the popularity of React. Then, you’ll look at JSX and see how it made writing React a better experience. Afterward, you’ll get to work building static web pages where you’ll learn fundamental concepts like reusing, styling, and passing arguments into components.

Next, you’ll learn about states, a crucial part of creating interactive websites. You’ll learn all about states — including managing states with hooks, refactoring states, and much more. Forms will also be taught as they allow the user to submit information which you can then use for making requests or storing in your own server.

How You’ll Learn

This course is 12 hours long, with 148 interactive screencasts spread across 4 modules. You’ll learn by watching the screencasts and completing the 140+ interactive coding challenges and building eight fun projects. Some of the projects will have you build a React info site, an AirBnb Experiences clone, a meme generator, a notes app, and a Tenzies game

Institution	Scrimba
Instructor	Bob Ziroll
Level	Beginner
Workload	12 hours total
Enrollments	200K
Certificate	None

Fun Facts

• Bob Ziroll is the Head of Education at Scrimba. He graduated from Brigham Young University with a BA in Communications (advertising emphasis) and completed an internship as a strategic planner at BBDO New York. He is passionate about learning and helping others achieve their career goals.
• Once you’re done with this course, you should take the successor to this course, Advanced React.
• They also offer a Frontend Developer Career Path.

If you’re interested in this course, you can find more information about the course and how to enroll here.

3. Modern React with Redux (Stephen Grider)

My third pick for the best React course is Stephen Grider’s Modern React with Redux.

In this paid Udemy course, you’ll learn the fundamentals of building dynamic and live web apps using React and Redux. You’ll start from the beginning and work your way up to the more advanced concepts. Each section revolves around building an app using features you’ve been taught, and by the end of the course, you’ll be proficient in both React and Redux.

To take this course, you’ll need to have experience working with JavaScript.

What You’ll Learn

The course begins by introducing you to the world of React. You’ll start off with the basic features like JSX, props, states, refs, and components, which are the building blocks of any user interface. From there, you’ll learn about lifecycle methods, handling user input with forms and events, and eventually making API requests to a server.

Moving on, you’ll learn about hooks in React — one of the most important React concepts you need to know. You’ll learn why you should use hooks and when to use them in practice. And to put it all together, you’ll develop a video-streaming application which you can then deploy to the web using Vercel or Netlify.

Next, you’ll dive into Redux, a state management library that makes creating complex applications straightforward. You’ll dive into its source code and understand how it works behind the scenes. This way, you’ll understand how to integrate React with Redux by taking advantage of Redux’s async actions, forms, and dev tools. The final sections of the course cover more advanced topics that you’ll find helpful when creating more complicated web apps.

How You’ll Learn

This course is 52 hours long (34 hours if you don’t include the lectures for an older version of React). You’ll learn by watching the lecture videos and doing the exercises provided. If you have questions, the instructor and his teaching assistants are available in Discord and the course’s Q&A section.

Provider	Udemy
Instructor	Stephen Grider
Level	Beginner to Intermediate
Workload	52 hours total
Enrollments	274K
Rating	4.7 / 5.0 (77K)
Certificate	Paid

Fun Facts

• Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. He teaches on Udemy to share the knowledge he has gained with other software engineers.
• The instructor also has a Discord server that you can join upon enrolling in the course.

If you’re interested in this course, you can find more information about the course and how to enroll here.

4. The Road to React (Robin Wieruch)

This paid course consists of a book to read and a tutorial to practice, bringing you the best of both worlds.

The Road to React aims to help JavaScript beginners master the React framework. You’ll learn how to create real-world applications (with features such as client-side filtering, server-side filtering, and pagination) from scratch with modern React code and following best practices.

You’ll need some experience with JavaScript to take this course.

What You’ll Learn

First, you’ll be given an introduction to React, where you’ll learn how to set up a project and how React works in tandem with JavaScript. Then, you’ll learn the basic React concepts like component composition, JSX, hooks, and props in React to build your first basic React application.

Next, you’ll learn how to handle data from an API. This includes fetching, displaying, and interacting with data in your React application. Afterward, you’ll get to know how to test your React components and how to organize them in your project. Testing is essential for peace of mind when updating old code.

Advanced concepts such as higher-order components, render prop components, and paginated fetch will be covered to provide you with all the tools needed to create powerful abstractions. Although you may not use these concepts in every application you’ll make, they are needed in most applications as they become more and more complex. Finally, you’ll learn how to manage states like a pro before building and deploying your application to Firebase.

How You’ll Learn

The book is 253 pages long, while the course consists of 50+ exercises and 80+ course modules. You’ll learn by reading the book and practicing what you’ve learned in the exercises.

Website	roadtoreact.com
Instructor	Robin Wieruch
Level	Beginner
Workload	N/A
Certificate	None

Fun Facts

• Robin Wieruch is a self-employed software and web engineer dedicated to teaching JavaScript for client-server architectures. After obtaining his Master’s Degree in computer science, he gained experience from the startup world, where he used JavaScript intensively during both his professional life and spare time. Eventually it led him to teach others about these topics and to offer online courses and on-site consulting for companies.

If you’re interested in this course, you can find more information about the course and how to enroll here.

5. The Beginner’s Guide to React (egghead.io)

The Beginner’s Guide to React is for… well, beginners and anyone looking to build a solid foundation of React. It’s designed to teach you everything you need to start building web applications in React right away. By the end of this course, you’ll have deployed a fully-working React application to the Internet.

To take this course, you’ll need some experience with JavaScript and HTML/CSS.

What You’ll Learn

The course begins by discussing why you should use React over vanilla JavaScript for creating websites. Then, you’ll see what problems arise with plain JavaScript and how React solves those problems under the hood. In fact, you’ll create a user interface with JavaScript and then with React to taste the difference.

Next, you’ll learn JSX and how it translates to regular JavaScript function calls and objects. React components can help you simplify and reuse parts of your code, quickly cutting down on development time. Next, you’ll learn how to manage the states of these components with hooks, another fundamental feature of React, and even know how to create custom hooks. You’ll then learn how to build forms the user can fill in and make HTTP requests to a server once submitted before finally deploying your React application to the web with Codesandbox, GitHub, and Netlify.

How You’ll Learn

This course is 2–3 hours long. Each lesson in this 28-part course is a single blank index.html file. You’ll code along with the instructor, filling the files as you progress through the lessons.

Provider	egghead.io
Instructor	Kent C. Dodds
Level	Beginners
Workload	2–3 hours total
Enrollments	7K
Rating	4.6 / 5.0
Certificate	None

Fun Facts

• Kent C. Dodds has also created another updated and advanced (paid) course.
• This course is based on React 16.12.

If you’re interested in this course, you can find more information about the course and how to enroll here.

6. Complete Intro to React, v7 (Frontend Masters)

Learn to build real-world applications using modern React with Complete Intro to React from Frontend Masters!

This paid in-depth course will help beginners understand each and every piece that goes into building a React application from scratch. It covers the latest features in React, including hooks, effects, class components, context, refs, and portals. But not only that, you’ll also explore popular tools from the entire React ecosystem (like Parcel, ESLint, TailwindCSS, and React Router) to build a complete application to browse adoptable pets.

To take this course, you’ll need some prior JavaScript experience.

What You’ll Learn

The course begins with an introduction to React. After setting up VSCode, you’ll set up the base for your course project by starting off with an index.html file. From there, you’ll build a simple “Hello World” React app with components to render text on the DOM, effectively creating a user interface. Components are reusable and flexible — you’ll learn about the relationship between parent and child components and how it may affect design choices.

After coding everything in Vanilla React, it’s time to explore some essential JavaScript tools like npm to help you install packages, Prettier and ESLint to help you write clean code, Git for source code management, and more. Knowing how to use these tools will increase your productivity tenfold.

Next, you’ll learn about JSX to help you condense code even further. Hooks will help you manage states of components, and you’ll learn about the many kinds of hooks. You’ll also need to consider handling user input when building an interactive website, and you’ll be drilled into the concepts needed to create a production-ready website.

In the final parts of the course, you’ll discover the enormous capabilities React offers, starting with React Router to manage browser navigation state along with error boundaries, context, and portals. Finally, the course wraps up by providing additional resources.

How You’ll Learn

This course is 7–8 hours long. You’ll learn by watching the lecture video and following along with the instructor as he builds the pet adoption website.

Provider	Frontend Masters
Instructor	Brian Holt
Level	Beginner
Workload	7–8 hours total
Certificate	None

Fun Facts

• Previously, Brian was a JavaScript engineer at Netflix, Microsoft, and Reddit. Now, he is currently working as a product manager on dev tools at Stripe and he’s all about developers, developers, developers. When not working, Brian finds time to teach on Frontend Masters.
• Frontend Masters produces JavaScript & Node.js courses with topics like React, Vue, & Angular, JavaScript, CSS & Node.js, and even Full Stack.

If you’re interested in this course, you can find more information about the course and how to enroll here.

7. React – The Complete Guide (Academind)

React – The Complete Guide from Academind is a comprehensive paid course that covers everything you need to know to become a React.js developer.

You’ll learn React in-depth, from the ground up, step by step by diving into all the core basics, exploring tons of examples and also introducing you to advanced concepts as well. Not only that, but you’ll also be shown the latest patterns and best practices for React through hands-on practice.

The course has two paths: one complete path that is 40+ hours long and another summarized path that is 4 hours long.

To take this course, you’ll need basic knowledge of JavaScript and HTML/CSS fundamentals.

What You’ll Learn

This course is organized into three main sections: Basics & Foundations, Advanced Concepts, Summaries & Refreshers.

In the Basics & Foundations section, you’ll be introduced to key concepts every React developer needs to write high-quality applications. For example, you’ll learn about components and how you can combine them to build user interfaces. You’ll also learn how to work with events and data, including props and states, as well as styling your React apps and components. Finally, you’ll be introduced to React hooks, the most crucial concept of modern React.

Then in the Advanced Concepts section, you’ll learn how to build production-ready applications. You’ll add to what you’ve studied by making your own custom hooks. You’ll also explore app-wide state management with React’s Concepts API and Redux, handling user input with forms, sending HTTP requests, and using side effects. You’ll learn about routing, building a single-page page that looks like a multiple-age app, deploying your React app, diving into another framework called Nextjs, and much more.

The Summaries & Refresh section of the course is a general reference of the topics like JavaScript and ReactJS you’ve learned in the course, just in case you need a quick reminder.

How You’ll Learn

The complete path of this course is 40+ hours long, while the summary path is 4 hours long. You’ll learn by watching the lecture videos that cover the theory and provide small demos and examples. You’ll also have the opportunity to work on real-world example projects, as well as challenges and exercises,  to help you get used to the framework.

Institution	Academind
Provider	Udemy
Instructor	Maximilian Schwarzmüller
Level	Beginner
Workload	49 hours total
Enrollments	635K
Rating	4.6 / 5.0 (163K)
Certificate	Paid

Fun Facts

• Maximilian is the co-founder of Academind, a platform with over 40 high-quality programming video courses focusing mainly on web development.

• This course is fully up-to-date with the latest version of React, React 18.

If you’re interested in this course, you can find more information about the course and how to enroll here.

8. React and TypeScript (Frontend Masters)

TypeScript is a big upgrade over JavaScript. If you want to implement React applications while learning TypeScript, React and TypeScript has got you covered.

In this paid Front Masters course, you’ll learn TypeScript

This is a course developed to help you understand TypeScript in the context of React. You’ll build a series of simple React components to help you learn TypeScript that help you learn TypeScript along the way. You’ll look at doing things like basic state management, advanced React components, and how you can be incredibly flexible and type safe at the same time. You’ll also get some tips and advice for migrating your application from JavaScript to TypeScript.

To take this course, you’ll need to have a good understanding of React.

What You’ll Learn

You’ll begin the course by discussing the advantages and disadvantages of the TypeScript programming language. Then, you’ll begin with common kinds of propTypes — a way of letting TypeScript know what type to expect when a prop is in use. As TypeScript enforces strict types while JavaScript doesn’t, you’ll need to adapt your React code accordingly. You’ll also discuss the difference between types and interfaces and learn how to use hooks in TypeScript.

Components make up a majority of your user interface, so you’ll learn how to use components the TypeScript way. You’ll learn how to add hooks and asynchronous events, before learning about reducers. Afterward, you’ll learn the context API and manage states with it to create light mode and dark mode for an application.

You’ll then learn more about the TypeScript language in general, exploring its generics, utility type, and template literals. With these more advanced concepts in hand, you’ll create higher order components and learn advanced component patterns.

How You’ll Learn

This course is 5–6 hour long. You’ll learn by watching the lecture videos and following along with the instructor as he codes.

Provider	Frontend Masters
Instructor	Steve Kinney
Level	Advanced
Workload	5–6 hours total
Certificate	None

Fun Facts

• Steve is the front-end architect at Temporal. Previously, he was the front-end architect at Twilio and SendGrid. He is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado — a non-profit developer training program. He has also taught special education and web development as a school teacher.

If you’re interested in this course, you can find more information about the course and how to enroll here.

9. Testing React with Jest and Testing Library (Bonnie Schulkin) 

Testing React with Jest and Testing Library teaches you the best practices for testing your apps with Jest and React Testing Library.

Automated tests are needed if you want confidence that writing a new line of code to your pre-existing application won’t break twenty other things. This paid course starts with simple tests and gradually builds up to testing asynchronous page changes, automatically wrapping components in a context provider, and more.

To take this course, you’ll need some experience with JavaScript and React.

What You’ll Learn

The course begins with an introduction to the React Testing Library and Jest. React Testing Library provides a virtual DOM for tests, while Jest runs tests, finds tests, and determines whether tests pass or fail. You’ll learn the philosophy behind both of these handy tools as well as look at a few examples of them in use.

You’ll start simple by testing interactions that affect the DOM, like clicking buttons and checking checkboxes. Then, you’ll build up to more complex functionality and tests by building an app where users can design and order an ice cream sundae. You’ll learn how to test more complex user interaction like asynchronous functionality and mock server responses with Mock Service Worker.

If you’re new to React, the course provides optional lectures explaining React syntax and decisions to help you keep up. Otherwise, you are free to skip them.

How You’ll Learn

This course is 7–8 hours long. You’ll learn by watching the lecture videos and taking notes. There are plenty of opportunities to practice your skills in this course, like code quizzes where you are given a specification and you write a test for it.

The instructor is active in the Q&A section, so if you are stuck you can be rest assured that there’s someone to help you out.

Provider	Udemy
Instructor	Bonnie Schulkin
Level	Intermediate
Workload	7–8 hours total
Enrollments	23K
Rating	4.6 / 5.0 (4K)
Certificate	Paid

Fun Facts

• Bonnie Schulkin teaches software development at various bootcamps and has been working in the software industry since the mid-90s — far before the birth of many coders in the San Francisco tech scene!

If you’re interested in this course, you can find more information about the course and how to enroll here.

10. Epic React (Kent C. Dodds)

Epic React by Kent C. Dodds is a series of code-along interactive workshops designed to take web developers above and beyond. You’ll learn how to create React applications filled with cutting-edge features that scale to meet users, teams, and project stakeholders’ needs.

This paid self-paced workshop collection will start from the beginning of the React journey and guide you through application architecture. Be warned; the course is rewarding but challenging — it forces you to get your hands dirty by completing lots of exercises and tutorials in every workshop.

To take this course, you should have a strong understanding of modern JavaScript and web development (HTML/CSS).

What You’ll Learn

You’ll begin the course by learning the fundamentals of React for building user-friendly applications and libraries. This will include learning about hooks, which help you develop components and manage state in your React applications. Then, you’ll create your own custom hooks that serve as APIs for other developers to use.

Next, you’ll be introduced to several modern design patterns, how they differ, and when to use one over the other. Some patterns may be more performance-heavy, so you’ll be taught several tools and techniques to diagnose, profile, and fix performance issues in your React application. You’ll also want to ensure that you’ve thoroughly tested your app so that there are no nasty surprises for the end user.

Asynchronous state management can be a doozy. Luckily, Suspense helps you keep clean, maintainable, simple, and readable code. You’ll use Suspense and other popular tools in the final part of the course, where you’ll build an application from scratch. The course will cover everything about building frontend React applications, from the absolute basics to the tricky parts you’ll run into building real-world React apps.

How You’ll Learn

This course is 19 hours long and consists of 8 workshops. You’ll learn by watching the lecture videos and trying out the hands-on interactive coding workshops.

Website	epicreact.dev
Instructor	Kent C. Dodds
Level	Advanced
Workload	19 hours total
Certificate	Paid

Fun Facts

• There are three pricing levels for Epic React.
• The course also contains 10 full hours of video conversations with React experts.
• Kent C. Dodds is a Software Engineer Educator. He has worked at Paypal and Google prior to founding his own company.

If you’re interested in this course, you can find more information about the course and how to enroll here.