DEV Community

Abhinav Deep Rastogi
Abhinav Deep Rastogi

Posted on • Updated on

What is ReactJS?

ReactJS

What is React JS?
ReactJS is a Javascript library for building frontend web application or UI.
ReactJS allows us to create reusable UI components. It is developed by Facebook.

Features of React

  1. Reusable Components
  2. Open Source
  3. Efficient and fast
  4. Work in Browser
  5. Large Community

Basic part of React library
a. Components
b. Props.

Components
Components are the building blocks of any React app. Basically any class or function in React is considered as component.

Props
“Props” is a special keyword in React, which stands for properties and is being used for passing data from one component to another.

How React Works?


Working Demostration of React


React make the changes and it is done by creating a Virtual DOM by comparing the virtual DOMs with existing loaded DOMs.
React find the changes and render the exact code which is changed instead of rendering the whole page or whole code.

Pros & Cons of React
Pros:

  1. Virtual DOM makes the User experience better and the developer’s work faster.
  2. Permission to reuse React components significantly saves time.
  3. One-direction data flow in ReactJS provides a stable code.
  4. An Opensource Facebook library: constantly developing & open to the community.
  5. Redux: convenient state container.
  6. Wide React and Redux toolset

Cons:

  1. The high pace of development.
  2. Poor documentation.
  3. ‘HTML in my JavaScript!’ – JSX as a barrier.
  4. Additional SEO hassle.

As a ReactJs learner and developer, I quite observed a problem is lack of good documentation which leads to some big problems for beginners. So I decided to share my journey on React with my community so I can provide a better explanation of react stuff in a quite simple and easy way and yeah also not bulky in words and paragraphs or I say in minimum words. This is my first post on Dev.to I hope you like it. If you like my post please show your support and give your opinion on comments and tell me if you want more ahead on ReactJs.

Top comments (1)

Collapse
 
blossom profile image
Blossom Babs

I agree with this post except for the poor documentation but. React actually has a good documentation. It is completely beginner friendly and explanatory.