React JS
What is React JS ?
React is a JavaScript library for creating user interfaces in web applications that is open source. Jordan Walke came up with the idea.
It’s a JavaScript toolkit for creating reusable UI components that’s declarative, fast, and versatile. It was created and maintained by Facebook and later utilized in Facebook products such as WhatsApp and Instagram. React is the ‘V’ in MVC architecture, which stands for view, whereas Redux or Flux provides the architecture. A React JS application consists of several components, each of which is responsible for producing a short, reusable piece of HTML code. All React apps are built around components.
Features of React JS
•JSX based design architecture - JSX stands for JavaScript XML. It’s a syntax extension for JavaScript. React JS uses an XML or HTML-like syntax. This syntax is converted into React Framework JavaScript calls.
•One-way Data Binding-React JS is built to follow unidirectional data flow, often known as one-way data binding. The advantages of one-way data binding provide you more control over your application. If the data flow occurs in the opposite way, additional characteristics are required. Because components are designed to be immutable, and the data they contain cannot be modified, this is the case.
•Component based library- Multiple components make up a React JS application. Each component’s logic and controls are distinct. These components are reusable, which makes it easier to keep the code clean while working on larger projects.
•Simplicity-React JS makes use of a JSX file, which makes the application easy to code and comprehend.
•Performance-React JS is a powerful tool. This is due to the fact that it controls a virtual DOM. The DOM is purely memory-based. As a result, we did not write directly to the DOM while creating a component. Instead, we’ll create virtual components that will be converted into the DOM, resulting in smoother and faster performance.
React JS Installation
Two ways.
- Using the npm command
2.Using the create-react-app command
command for install react : npx install create-react-app
run the application :npm start
create and initialize the project :npm init -y
Advantages of React JS
•Easy to learn
•Creating Dynamic Web Applications Becomes Easier
•Availability of large number of ready-made component
•Reusable Component
•Having JavaScript Library
•Support of Handy Tools
•Faster way to code a functionality
Disadvantages of React JS
•View Part
•The high pace of development
•JSX as a barrier
•Poor Documentation
I hope you found this useful. I would like to hear from you so feel free to drop a comment or connect with me via LinkedIn.