React Tutorial An Overview and Walkthrough React prerequisites, as well as basic concepts

 
I've heard about React since the time I started studying JavaScript and JavaScript, but I had a look at it and was scared. I saw something like HTML combined with JavaScript and wondered it was a bit odd, but isn't that the exact thing we've been trying avoid? What's the deal with React?

Instead, I concentrated on getting familiar with basic JavaScript along with jQuery professionally environment. After several frustrating and unsuccessful attempts to learn about React I finally began to grasp it, and began to realize reasons to make use of React in place of JS and jQuery.

I attempted to distill all the lessons I've learned into an informative introduction that I can give to you and here's the result.

PREREQUISITES

There are a few points you need to know prior to starting playing with React. If you've never worked with JavaScript or DOM in any way before such as JavaScript I recommend getting acquainted with them before attempting to get into React.

Here is my thoughts on React's prerequisites.

• Basic knowledge of HTML and CSS.
• Basic understanding about JavaScript as well as programming.
• A basic comprehension regarding the DOM.
• Acquaintance with the syntax and features of ES6.
• Node.js and NPM installed worldwide.

GOALS

• Learn about key React concepts and terms, like Babel, Webpack, JSX components, props, lifecycle, and state.
• Create a basic React application that illustrates the above principles

What is React?

• React is an JavaScript library, one of the most well-known, with more than 100,000 star ratings in GitHub.
• React is not an actual platform (unlike Angular, which is more controversial).
• React is an open source project developed by Facebook.
• React can be used to build the user-interface (UI) at the front-end.
• React serves as an application that acts as the display part of the MVC Application (Model View Controller)

One of the key advantages of React is that it is possible to build components which function as customized reuseable HTML elements, which allow you to quickly and effectively create user interfaces. React can also simplify the way data is stored and managed through the use of props, the state as well as props.

So i hope you get an idea of what is react and what are its pre requisites. If you like our post do let us know we'll publish similar content on regular basis.