Instructors of the best react courses featuring Andrei Neagoie, Kyle Cook and Robin Wieruch

3 Best React Courses for ABSOLUTE BEGINNERS

Diving into a new technology can be overwhelming.

There are thousands of blog posts, tutorials, articles and videos on the topic. And there are just as many opinions!

So where do you even start?

Start right here.

Today I’m sharing the 3 absolute best React courses for beginners.

⚠️ NEWBIE WARNING ⚠️
Before you start learning React, make sure you have foundational knowledge of JavaScript.

React is a JavaScript library. So the stronger your JavaScript skills are, the easier you’ll learn React. 😊

I assess the courses based on:

  • Course Content
  • Instructor
  • Organization
  • Production Values

That’s pretty much it!

And now here are the three best React courses for beginners.

This post contains affiliate links. I may receive compensation if you buy something. Read my disclosure for more details.

1. The Road to React

Educative / Robin Wieruch

IMPORTANT UPDATE for 2021!

🧭 This course has been TOTALLY UPDATED. Check out The Road to React: The One with Hooks by Robin Wieruch which is a modern relaunch of The Road to React.

The course structure is mostly the same. However, a few things have been updated for more modern React usage, including React Hooks.

Additionally, the original The Road to React includes an ES5/ES6 refresher, whereas The Road to React: The One with Hooks, does NOT. Rather, it dives straight into React.

Based on his top-rated book, The Road to React by Robin Wieruch is an adventure from the very first lesson.

Vital Stats:

  • 62 lessons
  • 8 quizzes
  • 55 code playgrounds
  • 213 code snippets

And even though there are tons of code snippets, this is a relatively short course. You could probably finish it in a few days if you focused.

The nine sections include:

robin wieruch posing for camera author of the road to react one of the best react courses on educative
Robin Wieruch
  • Introduction
  • Introduction to React and some JavaScript basics
  • Basics in React
  • Getting Real with an API
  • Code Organization and Testing
  • Advanced React Components
  • State Management in React and Beyond
  • Final Steps to Production
  • Appendix: Bootstrapping Your React App

This last section is particularly good. You’ll learn a mish-mash of topics from the fastest way to create a React application, to using package managers and much more.

And if you’re new to the modern JavaScript landscape, no worries. Robin gives you an ES5 to ES6 refresher before you start learning React. This includes chapters on const and let, arrow functions, and classes. This is a super helpful section, even if you’re already familiar with ES6. That’s because Robin also introduces you to JSX, which is the syntax used with React.

code editors showing the difference between JavaScript const and let
The Road to Learn React includes an ES6 refresher. This includes learning the differences between const and let.

Project

There is one project in The Road to React. You’ll build a Hacker News App clone. This is a somewhat simple yet intense project that has you implementing everything from higher-order components to unit testing with Enzyme.

hacker news app clone project from one of the best react courses for beginners on educative

Every course on Educative is browser based, so you’re never forced to set up a local coding environment. This saves you hours of precious time.

However, if you want to create a local copy of your Hacker News project, you’ll have to copy/paste the code to your code editor. You can also just use your own code editor from the start of the course and follow alongside the lesson.

Instructor & Production Values:

This course is text & code playground-based rather than video-based. So while you don’t get up close and personal with Robin, his style still shines through in The Road to Learning React.

Robin’s writing style is conversational and he encourages students to message him when they finish the course. He also offers a support group on Slack if you have any questions. This is in addition to the help section on Educative.

JSX code snippet from one of the best react courses for beginners on educative

With a massive amount of code snippets, there is a lot of “breathing room” between concepts. Further, each lesson never exceeds one page. So even if a concept is difficult, you at least have the mental comfort of knowing it’s only a one-pager rather than a never-ending novel.

Bonus: There are additional React courses on the platform. Choose from project-based courses like Building Tesla’s Battery Range Calculator with React & Redux. Or take it to the next level with something like Reintroducing React: V16 and Beyond.

Check out The Road to React here.

Pros

  • Gently introduces React concepts
  • Includes JavaScript refresher
  • Over 200 code snippets

Cons

  • Only 1 project

2. Learn React Today

Web Dev Simplified / Kyle Cook

Produced by a working software developer, Learn React Today is the product of Kyle Cook. He’s the guy behind Web Dev Simplified.

In Learn React Today, unrelated concepts are kept to a bare minimum. For example, you don’t build out huge CSS files or complex databases. The course is only focused on React. This is in stark contrast to those 30 and 40 hour courses that spend a lot of time on the extras (like the one next on this list!).

a simple react component next to a stateful component in a code editor from learn react today.

And as the title suggests, Learn React Today is meant to teach you the basics of React in a day. You’ll build two projects in this video-based course.

Projects

The first project is a very simple counter application. It doesn’t get any more basic than this, but you learn a LOT while you build. Don’t be surprised if you watch the same video a few times. Consisting of five lessons, you’ll learn about:

  • JSX
  • Class components
  • Function components
  • Context
  • Continuous Deployment

The second project is an interactive recipe book. You’ll bring your skills you learned from the counter app and bring them here. And you’ll be able to create, delete, and edit recipes while learning more about:

  • UseEffect Hook
  • LocalStorage
  • State
  • CRUD functionality
  • And much more
recipe section from learn react today project

In the final section of the course, Kyle performs a code review. Targeting the recipe app, he explains his reasoning behind his coding decisions.

For example, he shows the multiple benefits of putting JavaScript into smaller files rather than larger ones. This is only a 15-minute video, but oh-so-valuable for students looking for practical direction.

Building real-world software applications is much different than projects that you build in educational settings. But Kyle bridges this gap wonderfully in Learn React Today.

Instructor & Production Values

You’ll meet Kyle in the introduction video. Later, when it’s time to learn and code, he goes behind the scenes so you can see everything going on inside the code editor. He also provides a GitHub repo where you can access all files for the course.

github repo from learn react today a course by web dev simplified

Additionally, his production standards are high, with crystal-clear mic levels, clean video definition and consistently tight editing.

Extra Bits

Kyle is also a believer in clean and well-designed code. As he mentions in the course description: “This is something most other courses never even talk about, let alone cover in the depth I do.”

That’s a strong statement, but Kyle delivers on this promise in Learn React Today.

Bonus: You also receive an invite to a members-only Discord channel. Here you can ask questions, get help and chat with the instructor and other students.

Check out Learn React Today here.

Pros

  • Focuses ONLY on React basics
  • Project-based
  • Instructor emphasizes clean, well-designed code

Cons

  • No interactive code editor or coding playgrounds

3. Complete React Developer in 2020

Andrei Neagoie

Are you looking for a beginner-friendly React course that also teaches the more advanced concepts? Check out The Complete React Developer in 2020.

In contrast to Learn React Today, this is a MONSTER React course. At nearly 40 hours, instructor Andrei Neagoie essentially dedicates the entire course to building one massive project. It’s an ecommerce site with all the bells and whistles, from Redux to Firebase to GraphQL and beyond.

various technologies in bubbles including hooks, context api, redux, react router, graphql, and firebase from one of the best react courses in 2020 by andrei neagoie

This course is so huge that Andrei brought on a second instructor to help him. And while their teaching styles are different, they are both focused on helping you build that massive ecommerce project.

Some topics covered in The Complete React Developer in 2020:

  • React basics
  • React router
  • Redux
  • React Hooks
  • Context API
  • GraphQL
  • Apollo
  • React Design Patterns
  • And a LOT more

Project

As mentioned, the ecommerce project has you dabbling in everything from testing frameworks to the Stripe API. But before you get working on that, you’ll go over about 4 hours worth of React basics.

stripe api integration from one of the best react courses of 2020 the complete react developer by andrei neagoie

This course can easily take a few weeks up to a few months to complete. The nice part is, the videos are short (the majority under 10 minutes) so although it’s long, it’s also digestible.

And since this is a comprehensive course, you don’t have to worry about pecking around for more courses to learn advanced React concepts.

Instructor & Production Values

Andrei Neagoie’s courses are consistently well-produced. An engaging instructor, Andrei not only knows the material but also explains it clearly using numerous visual tools.

From cartoons to charts to slides, he doesn’t hold back when trying to illustrate a concept.

But there are some differences in mic levels when it comes to Andrei and his other instructor, Yihua. It’s not a make-or-break moment, but sometimes it does interrupt the otherwise smoothly delivered course.

z shell code from one of the best react courses in 2020 by andrei neagoie

Bonus: Andrei’s Discord is a real-time student support center. With over 100,000 members, there’s always somebody there to help with your coding questions.

Check out The Complete React Developer in 2020 here.

⚠️ BONUS: Use promo code FRIENDS10 for 10% off any ZeroToMastery.io purchase!

Pros

  • Comprehensive course
  • Uses the most up-to-date tooling
  • Engaging, knowledgeable instructor

Cons

  • Only one project
  • Many tools & topics are not related to React

Best React Courses: Conclusion

There are thousands of React resources out there. But newbie-friendly material is surprisingly hard to find. Fortunately, these three courses will give any React newbie the knowledge they need to start making awesome React apps.

Looking for a gentle introduction to React with a JavaScript refresher? Check out The Road to Learn React.

Need something you can crank out in a day? Go for Web Dev Simplified’s Learn React Today.

Want a beginner’s course but so much more? The Complete React Developer in 2020 has you covered.

Happy Coding!

Up Next: The Big List of 101 Places to Learn for Free

  • What is React?

    React is a JavaScript library for rendering interfaces in single-page and mobile applications.

  • Is learning React worth it?

    Yes! React is one of the most popular JavaScript libraries in the world right now. With extensive documentation and a robust community, it has also been adopted on the enterprise level. In other words, if you learn React you have a better chance at landing a job than those who learn something like Vue (which has not seen a lot of enterprise adoption).

  • Do I need to know JavaScript before I learn React?

    Yes, React is a JavaScript library. Without a solid understanding of JavaScript fundamentals, it will be difficult to learn. Take the time to learn how JavaScript works and you will find your React journey much more enjoyable. Although it's tempting to skip through the boring parts of JavaScript and go straight to React, it will catch up with you and you'll quickly find yourself at square one!

  • Is it possible to learn React in a day?

    Yes, you can learn React in a day but that will be just the basics. To have a solid grasp of React, expect to dedicate a few weeks up to a few months to learning this complex JavaScript library.