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 ⚠️
I assess the courses based on:
- Course Content
- 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.
- 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:
- 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.
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.
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.
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.
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.
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!).
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.
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:
- Class components
- Function components
- 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
- CRUD functionality
- And much more
In the final section of the course, Kyle performs a code review. Targeting the recipe app, he explains his reasoning behind his coding decisions.
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.
Additionally, his production standards are high, with crystal-clear mic levels, clean video definition and consistently tight editing.
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.
3. Complete React Developer in 2020
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.
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
- React Hooks
- Context API
- React Design Patterns
- And a LOT more
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.
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.
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!
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.
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.
- What is React?
- Is learning React worth it?
- Is it possible to learn React in a day?