This website uses Cookies and LocalStorage

Best free resources to learn React in 2020

Post cover

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
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 intro page

The Beginner's Guide to React is a complete, full-blown course available on 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

Learn React intro page
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 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

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 React Challenges

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

Devhints' React cheatsheet
Devhints' React cheatsheet

React Patterns

React Patterns
React Patterns

React Cheat Sheet

React Cheat Sheet
React Cheat Sheet

React Podcast

React Podcast landing page
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

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

Dev.to React tag
Dev.to React tag

Not as much of a blog, rather than a blogging platform. 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!

Overreacted.io

Overreacted
Overreacted

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
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 my newsletter. Thanks for reading!

Sponsored links - check them out for more Web Dev content!

Author

Read more

Post cover

Best React-like JSX UI libraries in 2020

Discovering some of unique and amazing, React-inspired and JSX-driven UI libraries…

Read More
Post cover

Google AMP in 2020 - better, but still not good

Taking a deep look at Google's Accelerated Mobile Pages - they're better, but there's still a lot to be done…

Read More
Post cover

My mixed feelings about Tailwind CSS

Tailwind CSS is quite popular lately - and I've got some thoughts about it…

Read More

Comments