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
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 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 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'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
React Patterns
React Cheat Sheet
React Podcast
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
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! just follow the right tag. 😉
Overreacted.io
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
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 Dev.to! Thanks for reading!
Top comments (6)
Awesome list, thank you
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?
Thanks! The website is built upon the Ghost blogging platform.
+1 for the Scrimba course. It's interactive too!
Great List, I would like to add this recent content in MDN documentation:
developer.mozilla.org/en-US/docs/L...
Awesome list, didn't know about the Egghead tutorial. Checking it out!