DEV Community

Cover image for Best free resources to learn React in 2020
Arek Nawo
Arek Nawo

Posted on • Originally published at

Best free resources to learn React in 2020

Over recent years, React has grown to become the most popular and widely-used JavaScript UI library (or framework as some might call it) out there. And with this popularity came a lot of new opportunities for both fresh and mature web developers through tons of new jobs, offers, and other React-connected tasks that are currently flooding the market.

And so, if you're just getting into this whole web development stuff, and want to start learning React right away, here's something for you! I've compiled a list (so you don't have to) of, what in my opinion, are the best free and up-to-date resources to learn React in 2020!

Official documentation

React landing page

How predictable, I know. But the truth is the official React documentation is often the most up-to-date and reliable source for information about everything new and specific inside the world of React.

Aside from the API documentation, the website offers a getting started guide, an in-depth tutorial, and a few additional guides for more advanced features.

Video courses

If you prefer a more visual rather than text format, video courses might be for you. There are a lot of high-quality and even interactive React courses out there that you can use to kick-start your React journey!

The Beginner's Guide to React

The Beginner's Guide to React intro page

The Beginner's Guide to React is a complete, full-blown course available on It's meant to teach you everything you need to know to get your React skills up and running - from the sole purpose of the library to web app deployment.

Learn React

Learn React intro page

Learn React is another great course. It covers the same broad spectrum of React topics, but even more in-depth. What's more, the course is available on - a great platform dedicated solely to coding tutorials with a built-in editor, to play with the code right when the video is rolling!


No resource list would be complete without a mention of FreeCodeCamp - one of the biggest platforms for learning how to code, with thousands of articles, guides, and tutorials on the matter.

FreeCodeCamp React Challenges

FreeCodeCamp's dedicated React series is full of learning material, code examples, and special challenges meant to test your newly acquired knowledge.


Who doesn't like cheatsheets? They're portable, easy to grasp, and provide you with ready-to-use code whenever needed. And guess what? - There's quite a few of them for React, too!

React Cheatsheet

Devhints' React cheatsheet

React Patterns

React Patterns

React Cheat Sheet

React Cheat Sheet

React Podcast

React Podcast landing page

For more advanced React users, who just want to relax while still learning something new, the React Podcast might be a way to go. While not a learning resource pre-se, the podcast can help you get a better grasp of the React and overall web dev ecosystem, as well as an overview of recommended techniques and practices. Just something to broaden your horizons.


Blogs form the backbone of the Web's entire knowledge base. It's no surprise that there are quite a few of them focused on React! React tag

Not as much of a blog, rather than a blogging platform. is a place with a friendly atmosphere were developers come around to discuss and learn about different topics. Here, the #react tag is the one you'll be interested in. There's a ton of articles, tutorials, and discussions there already, with more coming out every day! So, if you haven't already, I highly recommend you check out and join! just follow the right tag. πŸ˜‰


A personal blog by Dan Abramov - one of the core developers behind React and co-author of Redux. You must know that it's not a place for complete beginners. Here, you can find quite a few in-depth posts about React and its internal structure. If you want to know a little bit more about the framework, this is a great place to go.

React Resources

React Resources

If you think that everything I've just listed is not enough, I think you might want to check React Resources. It's a website that collects and categorizes a lot of different React resources from around the Web. It all might not be as up-to-date or high-quality as everything listed here, but you can be certain that you'll find there pretty much everything you need - if you look close enough, that is.

Bottom line

So, here you go! A boatload of free, high-quality resources for learning React. I hope that this list helped you find your personal favorite and most enjoyable way of learning. And maybe you know of some other interesting resources that you'd like to share? If so, the comment section is yours!

For more up-to-date web development content, follow me on Twitter, Facebook, or through right here on! Thanks for reading!

Buy Me A Coffee

Top comments (6)

jcsmileyjr profile image
JC Smiley

Awesome list, thank you

mohammedasker profile image
Mohammed Asker

Great list, Arek! I went through the freecodecamp React section and did help me a lot. I wasn't aware that Kent had a free course, so I will check it out.

On different notes, I checked your site and liked the design very much. What tools did you use to build it?

areknawo profile image
Arek Nawo

Thanks! The website is built upon the Ghost blogging platform.

iamhenrym profile image
Henry Moran

+1 for the Scrimba course. It's interactive too!

mreyesh profile image
Michel Reyes

Great List, I would like to add this recent content in MDN documentation:

albertc44 profile image
Al Chen

Awesome list, didn't know about the Egghead tutorial. Checking it out!