ReactJs features and compilation flow.

As per the previous article, we have seen how to create an application in reactjs.

In this article we will see the features of react and compilation flow structure.The important features of ReactJS are as following.

Features of React js:

• Scalability: It is reasonable for enormous scale applications because of its adaptable structure and scalability.
• Rich JavaScript Library: Developers from everywhere throughout the world are placing in an exertion to include significantly more features.
• Code Reusability: It enables the developers to reuse the code components of different levels while working on the project.
• JSX- JSX stands for JavaScript XML. It is a JavaScript syntax extension in react.
• Components - ReactJS is all about components. ReactJS application is made up of multiple components, and each component has its own logic and controls.
• One-way Data Binding - ReactJS is designed in such a manner that follows unidirectional data flow or one-way data binding. The benefits of one-way data binding give you better control throughout the application.
• Virtual DOM- A virtual DOM object is a representation of the original DOM object.
• Simplicity -  ReactJS uses JSX file which makes the application simple and to code as well as understand
• Performance -  ReactJS is known to be a great performer. This feature makes it much better than other frameworks out there today.

Explaining some points which are used in reactjs.

• npx is not a typo- it is package runner tool that comes with version 5.x+ version.

• create-react-app uses babel and webpack module internally but it is preconfigured and hidden.

• Webpack  is a modular build tool or dependency analyzer & module bundler. that has 2 sets of functionality loaders & plugins. It loads all dependency bundle and provide the relationship into bundle.

      eg. Module A needs dependency B module and B needs module C.

      dependency structure will be C<=B<=A

• Babel is transpiler or we can say it is transform. it can translate the all kinds of higher version of ECMA script into lower version of of javascript which mostly support by browser. Higher version means script which having react JSX code.

compilation flow chart