React is a JavaScript library used for building reusable UI(user interface) components. It maintains by Facebook and the community of individual developers and companies. We use it for single page application. A single page application is a web application that interacts with the user by dynamically rewriting the current web page with new data from the webserver. Instead, of the default method of browser loading entire new pages.
Let us understand this with an example.
Let’s assume you post something on Facebook. Now people go and like our post, and then also they checking out the comments too. Now while you are browsing over comments they see that the likes count has increased by 200. Since you liked the post, even without reloading the page. This magical count change is because of Reactjs.
React is an open-source, efficient, flexible, and component-based front-end library. That responsible for the view layer of the application. A react application is made of multiple components. So each component is responsible for rendering a small and reusable piece of HTML. Components can be nested within other components to allow complex applications to build out of simple building blocks.
“IMPORTANT” Remember that react is not a framework. It is a library. Which, developed by Facebook to solve some issues that we were facing earlier.
For Example:
import React from 'react';
import ReactDom from 'react-dom';
var My = 'React';
var element = <h1> Hello, let's Learn something about{ My }.</h1>;
ReactDom.render(
element,
document.getElementById("root")
);output
Best ReactJS frameworks based on UI
- React Bootstrap
- Ant Design
- React Foundation
- Material UI
- React Toolbox
- Semantic UI
Features Of React
- JSX : JSX is JavaScript syntax extension. It is not necessary to use JSX in react development. But it recommends.
- Components: React is all about Components. You need to think of everything as a component. This will help you maintain the code when working on larger-scale projects.
- Unidirectional data flow and flux: React implements one-way data flow which makes it easy to reason about your app. Flux is a pattern that helps to keep your data unidirectional.
- License: React licenses under Facebook Inc. Documentation is licensed under CC BY 4.0.
Recommended posts:
Implementation of Array class in JavaScript
Difference between the Java and JavaScript