Best free resources to learn React in 2020
Tags: react, webdev, javascript
Published: 2020-05-28 20:06:03

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](https://reactjs.org/)

![React landing page](https://areknawo.com/content/images/2020/05/react.png)

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](https://egghead.io/courses/the-beginner-s-guide-to-react)

![The Beginner's Guide to React intro page](https://areknawo.com/content/images/2020/05/the-beginners-guide-to-react.png)

The Beginner's Guide to React is a complete,  **full-blown course**  available on  [egghead.io](https://egghead.io/). 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](https://scrimba.com/course/glearnreact)

![Learn React intro page](https://areknawo.com/content/images/2020/05/learn-react.png)

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  [scrimba.com](https://scrimba.com/)  - a great platform dedicated solely to coding tutorials with a  **built-in editor**, to play with the code right when the video is rolling!

# [FreeCodeCamp](https://www.freecodecamp.org/learn/front-end-libraries/react/)

No resource list would be complete without a mention of  [FreeCodeCamp](https://www.freecodecamp.org/)  - one of the biggest platforms for learning how to code, with thousands of articles, guides, and tutorials on the matter.

![FreeCodeCamp React Challenges](https://areknawo.com/content/images/2020/05/freecodecamp.png)

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

# Cheatsheets

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](https://devhints.io/react)

![Devhints' React cheatsheet](https://areknawo.com/content/images/2020/05/react-cheatsheet.png)

## [React Patterns](https://reactpatterns.com/)

![React Patterns](https://areknawo.com/content/images/2020/05/react-patterns.png)

## [React Cheat Sheet](https://reactcheatsheet.com/)

![React Cheat Sheet](https://areknawo.com/content/images/2020/05/react-cheat-sheet.png)

# [React Podcast](https://reactpodcast.com/)

![React Podcast landing page](https://areknawo.com/content/images/2020/05/react-podcast.png)

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

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!

## [Dev.to](https://dev.to/t/react)

![Dev.to React tag](https://areknawo.com/content/images/2020/05/dev.png)

Not as much of a blog, rather than a blogging platform.  [Dev.to](http://dev.to/)  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 Dev.to!~~ just follow the right tag. 😉

## [Overreacted.io](https://overreacted.io/)

![Overreacted](https://areknawo.com/content/images/2020/05/overreacted.png)

A personal blog by  [Dan Abramov](https://twitter.com/dan_abramov)  - one of the core developers behind React and co-author of  [Redux](https://redux.js.org/). 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](https://reactresources.com/)

![React Resources](https://areknawo.com/content/images/2020/05/react-resources.png)

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](https://twitter.com/areknawo),  [Facebook](https://facebook.com/areknawoblog), or through right here on Dev.to! Thanks for reading!

<a href="https://www.buymeacoffee.com/areknawo" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="height: 25px !important;width: 100px !important;" ></a>