React JS

React is a JavaScript-based UI development library. Facebook and an open-source developer community run it. Although React is a library rather than a language, it is widely used in web development. The library first appeared in May 2013 and is now one of the most commonly used frontend library for web development.

React offers various extensions for entire application architectural support, such as Flux and React Native, beyond mere UI.

Why use React JS ?

React JS become more popular now a days, Let's understand why we use React JS.

Easy development of dynamic applications : React makes it easier to create dynamic web applications because it requires less coding and offers more functionality, as opposed to JavaScript, where coding often gets complex very quickly.

Better performance :  React uses Virtual DOM, thereby creating web applications faster. Virtual DOM compares the components’ previous states and updates only the items in the Real DOM that were changed, instead of updating all of the components again, as conventional web applications do.   

Reusable components : Components are the building blocks of any React application, and a single app usually consists of multiple components. These components have their logic and controls, and they can be reused throughout the application, which in turn dramatically reduces the application’s development time.

Easy to learn : React is easy to learn, as it mostly combines basic HTML and JavaScript concepts with some beneficial additions.


Features of React JS

• JSX (JavaScript Syntax Extension)  : JSX is a combination of HTML and JavaScript. You can embed JavaScript objects inside the HTML elements. JSX is not supported by the browsers, as a result Babel compiler transcompile the code into JavaScript code. JSX makes codes easy and understandable. It is easy to learn if you know HTML and JavaScript. 

• Virtual DOM : The virtual DOM (VDOM) is a programming concept where an ideal, or "Virtual", representation of a UI is kept in memory and synced with the "real" DOM by a library such as ReactDOM. This process is called reconciliation.

• One-way data binding : In one-way data binding one of the following conditions can be followed: Component to View: Any change in component data would get reflected in the view. View to Component: Any change in View would get reflected in the component's data.

• Performance : React uses virtual DOM and updates only the modified parts. So, this makes the DOM to run faster.