Want to discover some simple ways to learn React in 2021? This guide is for people who are starting with React or who have gone through React as a beginner and unsure on what to pick up next as an advanced React developer.
In this guide, I want to give beginners as well as advanced React developer a comprehensive overview of how to approach learning React without getting distracted or overwhelmed by other topics along the way.
I have to tell this right away though that this path is my personal opinion and is by no means an exhaustive list of what you should be learning in React.
Why React is so popular
Traditionally when you access a website through a browser. Your browser send a request to sever for the HTML page, and once it receives that particular HTML page then it display on the browser.
But whenever you go to a different part of the site, the browser will do a full refresh, it will get more HTML from the server, and that new page will be displayed.
In other words, websites are traditionally server-side rendered.
But as time progressed, developers converged on a different pattern for building web sites, called web apps.
What’s the difference?
There’s really no strict difference, but the term “web app” came about to describe these web sites which were made to be more interactive and perceptibly faster.
What is the innovation?
This, as compared to server-side rendering, is known as client-side rendering.
But React threw that concept right out of the window. And surprisingly for this, React was not well received at first by the developer community.
But with time and by using React in real-world projects web developers gradually embraced React as a powerful new way of uniting all of the necessary parts of any web application.
Now you must understood why React is so popular these days and why you should learn it. Before learning any technology there are some prerequisites, same with React too. Let me tell you what are the minimum prerequisites to learn React.
What are React prerequisites to learn
- ES6 Class
- this keyword
- Map function
- Error handling
- Arrow function
- Imports and Exports
- Let, const, var keyword
- bind(), apply(), and call()
- Callbacks and Promises
- Event loop and bubbling
- Scopes, hoisting and closures
Must Read: npm Cheat Sheet