React.js is an open-source JavaScript library for building user interfaces developed by Facebook.
There are a lot of resources available to comprehend the basic and advanced version of Reactjs.
As I am a MERN Stack developer, I have built a habit of finding more and more resources of javascript frameworks, whether it be Lectures on Pirple, Coursera, Udemy, Udacity or Posts on Medium.com relating to any js frameworks.
Basic Resources:
https://www.youtube.com/watch?v=UtIOMUQ7nWM
- Learn ReactJS From a Top Udemy Instructor - Maximilian Schwarzmuller
- Learn React.js - Full Course for Beginners - Tutorial by Learn to code with free online courses, programming projects, and interview preparation for developer jobs.
If you thoroughly go through these lectures patiently, you will have good handy knowledge about Reactjs basics in just 9 hours.
Advanced Resources:
There is an instructor named Mosh Hamedani, he has uploaded on youtube a free crash course on React.js
but, if you go through the description, he also has created an entire course on ReactJS from beginner to advanced. Mastering React
2. Udemy: [Modern React with Redux [2019 Update] | Udemy]
I have always followed Stephin Grider , who is, by the way, the instructor of this course as well, his concepts are crystal clear.
He will teach you how to Master React v16.6.3 and Redux with React Router, Webpack, and Create-React-App. Including all Hooks.
3. There are open-source projects available, go through their code and file structures, how they have organized it. You may just grasp 10% of whatever is written in that code, but don't worry, soon you will also be uploading your own big projects on Github and someone else will be reading your code to learn a lot of stuff.
4. Lastly, the most important resource is the DOCUMENTATION of the framework itself. In my coding and developing career so far, whatever I have understood about these frameworks and libraries is Wherever you may go or whatever you will create, you will still be in the vicinity of the documentation So make it a habit to go over it again and again.
If you encounter any error , search it on google. You will end up finding it on StackOverflow, GitHub issues or most probably reddit.
Debug your code, try how to solve errors and read as much as Posts on Medium -- a place to read and write big ideas and important stories and open-source posts community.
For OPEN-SOURCE REACT.JS Projects for learning, visit ReactJS Examples, Demos, Code
Source: Ali Rizvi Blog
Top comments (6)
what level of vanilla js should I have in order to start learning react? great post btw
A quick list: JavaScript classes, array functions, ... Operators and array restructuring and arrow functions. Async/await and promises are a good bonus when you get into http requests. A bit of rudimentary knowledge of how a node.js project is set up is not bad either. This should get you up and running for a good 90% of these courses in terms of pure react.js learning.
Absolutely 👍
Thanks for the list.
I also follow this pattern and developed my first application within a week.
Hey, I have just started Create React App From Scratch series about building React app, feel free to come by and check it.