DEV Community

Cover image for Free ultimate React resources. Zero to Hero in React

Free ultimate React resources. Zero to Hero in React

Dev Write Ups
Group of Devs providing free resources to the beginners
・5 min read

This guide was originally published at ->

Delivered by Facebook in 2013, React is a JavaScript library for building present day applications. React is utilized for taking care of the view layer and can be utilized for advancement of both web and mobile applications.

Why you should learn React?

React gets a good deal on advancement since it's segment based. You can separate an interface into reusable parts that permit you to construct dynamic UIs. Also on an average React Devs in US make $100k a year, that’s freaking big.

So you’ve got a brief idea what is react and why you should learn it. This post will cover 200+ Free resources for you to learn React and become a pro. This post will contain various type of resources like YouTube videos, eBook, Courses and MORE.

How to learn React ?

Developers need a system or library which permit them to separate complex segments and reuse the codes to finish their tasks quicker. Here React comes in and tackled this issue.

The coolest thing about React is it depends on parts, you breakdown your mind boggling code into singular pieces i.e segments and that helps developers in getting sorted out their code in a superior manner.


  • Basic of HTML, CSS, JavaScript
  • Important ES6 Features to know
    • Class and ‘this’ keyword
    • Arrow Functions
    • Import and Export
    • Let and Const
  • Basic use of NPM

Why React Docs?

As this post title says this contains a lot of resources where you can learn React. But don't forget that people creating resources and those materials have learned from the Docs.

Documentation resembles a manual guide, we simply disregard it and begin utilizing the things, at that point we return to them when the things don't function admirably.

Documentation will give you a profound information about the innovation and you will catch on more quickly and in an itemized far in excess of a course or instructional exercise.

So I suggest you all to read docs and build and repeat this process or else there is a second way to read docs and watch courses simultaneously, that will be effective.

📺 YouTube: React Courses and React Projects

🕸React Courses have many react courses covering a lot about React. Most them are free but if you are thinking about going in Depth many are paid too.

📚Free ReactJS eBooks

🔰React CheatSheets

✍React Blogs / Articles / Tutorials


Above are some of the resources that will get to you all with React for Beginners and definitely get you a JOB. There are many resources, but I would ask you to see only those you find easy to understand. If you start with **everything **at some point you’ll get confused.

I’ll also be posting about React Advanced courses resources later😁

Originally at ->

Discussion (6)

jashgopani profile image
Jash Gopani

Don't take my comment in the wrong way but many people who want to learn react or have started learning react will read this post and beginners will get confused after getting so many resources...
My suggestion is that you should have explained how to learn react by reading the docs first and then provide only a few content Rich and updated resources that would be useful in clearing doubts / concepts.
Making an article of all the websites is just like web scraping.
Sites like tutorials point explain everything but they touch only the surface, moreover their content is also not updated. Please please do a proper research and only include those resources which you would have used to learn.

devwriteups profile image
Dev Write Ups Author

Thanks for your Comment. Give me some minutes and we'll add it. Thanks for taking your time and commenting.

devwriteups profile image
Dev Write Ups Author

Please check now.

jashgopani profile image
Jash Gopani

Much Better. Thanks for updating the content

kr4idle profile image
Pete Steven

You can also add Desech Studio to your tools list. This will help you to visually create the html/css code and integrate it with react. Check this github repo

atif_dev profile image
Atif Iqbal

Thanks for the post🙂