In this post, I am going to share the resources to Learn React JS for free ๐
No matter you are coming from a .NET/C# or Python or Java development background. Front-End for almost all the web applications is built using either React JS or Angular.
Topics Covered
๐คทโโ๏ธWhat is React JS?
ReactJS is an open-source, component-based front-end library responsible only for the view layer of the application. It is maintained by Facebook.
The majority of the job market expects to react or angular from the candidate. So, I decided to make a post that is going to help everyone who wants to learn ReactJS.
๐ฑ Instagram Post – React JS Basic For Beginners
https://www.instagram.com/p/CBCk6sYAkNM/
๐Pre-requisite to Learn React JS
Prior to starting with react, you should have knowledge of JavaScript.
All the front-end frameworks are based on JavaScript, so itโs like learn once apply anywhere.
Spend more time to sharpen your JavaScript skills and you will find it easy to grasp any of the front-end frameworks or libraries.
In react, you need to learn JSX.
JSX stands for JavaScript XML and is an extension of JavaScript language based on ES6.
But the main power is using components, routers, and reuse as much as possible.
๐คทโโ๏ธHow to Learn React JS?
You can learn React JS from the below-mentioned sources for free:
- Official Documentation
- YouTube
- Video Tutorial Sites
- Blogs
- Books
๐Official Documentation
It’s always advisable to start with the official documentation by Facebook.
๐ https://reactjs.org/tutorial/tutorial.html
The documentation is very well organized and helps you to get started with basics and then move towards advanced concepts.
๐บYouTube
YouTube is a platform where creators create video content demonstrating skills that they are good at.
They earn from the ads showing on their videos. However, most of the creators earn by monetizing their content by offering paid courses.
Mosh Hamedani is one such creator/teacher. You may check out his courses at codewithmosh.com
Mosh creates free courses for basic concepts and if you want to further enhance your knowledge then you must enroll in his paid courses.
๐ Learn React using Mosh’s crash course of 2 hours and 25 minutes.
๐ Learn React in 5 hours – Free Code Camp.
๐ฅVideo Tutorial Sites
EggHead.io
There is a course named “The Beginnerโs Guide to React” on egghead.io.
This course contains 2 hours and 27 minutes of amazing video content. It has a great rating and the number of people already completed this course is also high.
๐ Create your free account and enroll in this course free of cost.
Udemy.com
There is a course named “Free JavaScript Tutorial – React JS Frontend Web Development for Beginners” on udemy.com which is absolutely free.
This course contains 3 hours of on-demand video with an average rating of 4.3โญ stars. Take advantage of this free course to know the react concepts.
๐ Create your free account and enroll in this course free of cost.
๐ปBlogs
Blogs would be useful for you when you are stuck in some problem which someone might have already solved.
Also, there are few blogs that create tutorial series as well. You may refer to a few of these given below:
I have already written a blog post on comparing react, vue, and angular.
You may read it by visiting ๐ React vs Vue vs Angular: What to choose?
๐Books
These are not free unless you manage to get a free digital copy/e-book.
- React JS Notes for professionals
- ASP.NET Core 3 and React
- Fullstack React: The Complete Guide to ReactJS
๐ฐFew paid courses
There are many paid courses out in the market.
However, I have listed a few of them which I found would be good for you based on my research and feedback taken from those who have enrolled in these courses.
For learning advanced concepts and becoming proficient in React, you may enroll for these courses.
Learn React JS with these courses
1๏ธโฃ Front-End Development with React
2๏ธโฃ React – The Complete Guide
3๏ธโฃ Learn React JS with Redux
4๏ธโฃ Complete React Developer in 2021
5๏ธโฃ Mastering React by Mosh Hamedani
Summary
Choose whatever free resources work best for you. Track your progress and try to recall the last day’s learning.
Don’t forget to implement whatever you learn. Only learning or watching tutorials won’t help you unless you implement it.
Pick up a sample use case and implement the functionality using ReactJs. Also, create a GitHub repo and commit your code.
If you feel like you are not understanding a specific topic, search for more resources, or take help from the community.
All the best for your React journey ๐
<HappyLearning />
I hope, you like the above-shared resources to learn React JS for free. If you do, then please share it with your friends as well.
PS: If you found this content valuable and want to return the favor, then
Disclaimer: Most of the content is FREE. But some resources may contain affiliate links. When you purchase, I may receive a commission from the seller, at no extra cost to yourself.