Introduction to ReactJS

         ReactJS is a free and open-source front-end javascript library for building user interfaces based on UI components. 

It is developed by Jordan Walke and maintained by Meta.

A React application is made of multiple components and each component is responsible for rendering a reusable piece of HTML.

In ReachJS, each component maintains its own state.

Note: ReactJS provide one-way data binding.

Working of React Application:

     While designing a component based application in React where each component has its own state, hence instead of manipulating the original DOM of a web page (which is costlier for performance of the application) React uses a virtual DOM, where it stores the information about each react component.

If any modification occurs in a react component, virtual DOM updates itself and further compare it with the actual DOM of a web page. And update only that component in which modification occurs. Thus, improving the performance and helps in faster rendering or loading of a web page.

Note: React introduces a new way of writing HTML and JavaScript together using JSX(Java Script XML) language.

To create a react application run the following command 

npx create-react-app my-app

Note: node should be installed in your system.

    To run the application move into the directory and run the following command 

 npm start

Continue Reading: React Components