React is a front-end JavaScript library. So you probably want to know the basics of JavaScript before diving into react, otherwise you will end up having a rough journey which isn't good for your productivity.
I wouldn't advice you to fully rely on my article, I had a quite rough journey and after I finally understood React, I better document it for a future me.
In this article, I'll highlight the essentials and most important things to learn and provide a link to the resources as we gear up to creating your first React application.
In This Article
What is React
React is an open-source JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications
Laying The Foundation
Since React is a JavaScript library, it is essential to understand the basic and important features of JavaScript. Not everything in JavaScript, just the essentials:
JavaScript
If you have been into web development for sometime now, you've probably heard of or seen JavaScript somewhere.
Well, JavaScript is a programming language used in client side scripting and also in the backend - Just a heads up
There are plenty of free and paid courses and tutorials for JavaScript. I advice you to get the hard way, "Google It" To view a list of repositories on GitHub, go to: github.com/search?q=javascript+resources
Other curated resources are: developer.mozilla.org/en-US/docs/Web/JavaSc.. javascript30.com
Arrow Functions
Arrow functions are an alternative to the traditional function expressions. They utilize a new token, => that looks like arrow hence the name.
function() {
//code block
}
An Arrow function would look like:
() => {
//code block
};
To learn more on Arrow functions; developer.mozilla.org/en-US/docs/Web/JavaSc..
Classes
JavaScript classes are more like special function
developer.mozilla.org/en-US/docs/Web/JavaSc..
ES6 Features
React uses latest JavaAcript es6 features. So it's a good idea to go through them.
Below is a link to the resources:
developer.mozilla.org/en-US/docs/Archive/We..
catalins.tech/javascript-es2020-the-feature..
Once your are done going through the basics, you'll be more than ready to learn and use React in your next project.