ReactJS Introduction

In this tutorial, we will discuss about React, why we use react, advantage and disadvantage of React.

1. ReactJS Introduction
2. Why we use ReactJS?
3. Advantage of ReactJS
4. Disadvantage of ReactJS

1. ReactJS Introduction

1. React is a open source declarative, efficient, and flexible JavaScript-based UI development library. It is now one of the most commonly used frontend libraries for web development and mobile apps. It is based on component-based front end library responsible only for the view layer or UI of the application.
2. It's foundedby Jordan Walke a software engineer at Facebookb in 2011in its newsfeed section. But it's public initial version 0.3.0 of React is released on May 2013.
3. It's latest version of React 18.2.0 released on 14 June 2022.
4. React offers various extensions for entire application architectural support such as Flux and React Native, beyond mere UI.

5. If a developer wants to create a changeable and large web application without reloading it, they often choose React. In fact, React is fast, simple yet very effective to do that. Behind it's biggest features is Virtual DOM.

These are the some companies which are using RactJS.

• Instagram
• Discord
• Walmart
• Wix
• Pinterest
• Skype

2. Why we use ReactJS?

There are following factors keep in mind when we choose react:

1. Improved performance

React uses Virtual DOM, Virtual DOM is a copy of the site original DOM. ReactJS uses this copy to see what parts of the actual DOM need to change when an event happens like you are clicking a button.Virtual DOM can help you see what changed after a user action and selectively updates that section of the actual DOM only. This will enhance the performance of apps.

2. Reusable components

React Components are the building blocks of any React application. A single application usually consists of multiple components. These components have their logic and controls and they can be reused throughout the application. So web applications quickly and efficiently with significantly less code than javascript.

3. Unidirectional data flow

React follows the data flows in a single direction not in both direction. So it becomes easier to debug errors and know where a problem occurs in an application.

4. Support both Web and Mobile apps

React is used for the development of web applications and React Native derived from React itself that is hugely popular and is used for creating beautiful mobile applications. So It support both Web and Mobile Application.

5. Dedicated tools for easy debugging

Facebook has released a Chrome extension that can be used to debug React applications. This makes the process of debugging React web applications faster and easier.

3. Advantage of ReactJS

The below are the following advantages when we use ReactJS in our application.

1. Virtual Dom - ReactJS use virtual DOM which enhance the performance.

2. Reusable components - React Components are the building blocks of any React application. A single application usually consists of multiple components. These components have their logic and controls and they can be reused throughout the application. So web applications quickly and efficiently with significantly less code than javascript.

3. SEO friendly - That helps developers to be easily navigated on various search engines.

4. Testing - ReactJS applications are extremely easy to test. It offers a scope where the developer can test and debug their codes with the help of native tools.

5. JavaScript Library benifit - This library provides more flexibility to developers.

6. Support Web and Mobile App - React is used for the development of web applications and React Native derived from React itself that is hugely popular and is used for creating beautiful mobile applications.

4. Disadvantage of ReactJS

The below are the following disadvantages when we use ReactJS in our application.

1. Poor Documentation - React technologies updating and accelerating so fast that there is no time to make proper documentation. So it is bit difficut for developer to understand fast and use in project.
   
2. JSX - ReactJS uses JSX which some programmers might find uncomfortable. It allows HTML with JavaScript mixed together to use.
   
3. High Pace of Development - React is not just a rapidly growing library. It is also rapidly changing, which forces its developers to update the way they write code.
   
4. Not a full-featured framework-  React is a rich JavaScript library with a set of interactive and useful features required for creating large scale applications, developers do not enjoy what they can have in a fully featured framework such as Angular.