REACT Js
Submitted To:-
Mr. Krishna Pandey Sir
Assistant Professor
U.I.E.T KUK
Submitted By:-
Jatin Kumar Chhabra
Ece-A 7th Semester
252001050
React Js
| What is Reacts Js |
React is a free and open-source front-end JavaScript library for building user interfaces
based on UI components. It is created by Facebook.
React is also an architecture. Frameworks that implement it let you fetch data in
asynchronous components that run on the server or even during the build. Read data from
a file or a database, and pass it down to your interactive components.
With React, you can be a web and a native developer. Your team can ship to many
platforms without sacrificing the user experience. Your organization can bridge the platform
silos, and form teams that own entire features end-to-end.
React. js is an open-source JavaScript library that is used for building
user interfaces specifically for single-page applications. It's used for
handling the view layer for web and mobile apps. React also allows us to
create reusable UI components.
React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library
created by Facebook.
React is a tool for building UI components.
| How to Use |
If you have npx and Node.js installed, you can create a React application by using create-react-app
Is React Js growing day-by-day?
Today, it continues to be a go-to choice for both beginners and
developers, and despite the emergence of new technologies,
companies tend to hire React. js developers for their business needs.
In this article, we'll discuss the key reasons why React. js is still so
popular in 2023.
It was voted the 2nd most popular web framework for developers,
only falling behind Node. js (see above) 2022 in the reliable
StackOverflow Developer Survey 2022. That's a 7% increase in
popularity from 2020 when it was the choice of only 36% - despite
also coming in second. And in 2021 React took the top spot.
Difference b/w React Js & Javascript
React Js
• React has a steeper learning curve
than vanilla javascript as it embraces
component-based architecture and
JSX syntax.
• React embraces DOM for efficient UI
updates. By determining the minimal
necessary changes to the DOM, its
performance is improved.
JavaScript
• Plain javascript has a shallow learning
curve and takes time to master but
once you have a strong grasp of js, it
will be easier to understand other
frameworks and libraries.
• Plain Javascript is faster than React js as it
doesn’t need to generate virtual Dom and
can directly manipulate the standard DOM.
This makes it around 30 times faster than
React in generating UI programs.
| React Environment Setup|
There are two ways to set up an environment for successful ReactJS
application. They are given below.
1. Using the npm command
2. Using the create-react-app command
| Create Components |
Components let you split the UI into independent, reusable pieces, and
think about each piece in isolation. This page provides an introduction to
the idea of components.
| Advantages of React |
1. Speed
2. Flexibility
3. Performance
4. Usability
5. Reusable Components
6. It helps to build rich user interfaces
7. It allows writing custom components
THANK YOU!

React-JS.pptx

  • 1.
    REACT Js Submitted To:- Mr.Krishna Pandey Sir Assistant Professor U.I.E.T KUK Submitted By:- Jatin Kumar Chhabra Ece-A 7th Semester 252001050
  • 2.
  • 3.
    | What isReacts Js | React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is created by Facebook. React is also an architecture. Frameworks that implement it let you fetch data in asynchronous components that run on the server or even during the build. Read data from a file or a database, and pass it down to your interactive components. With React, you can be a web and a native developer. Your team can ship to many platforms without sacrificing the user experience. Your organization can bridge the platform silos, and form teams that own entire features end-to-end.
  • 4.
    React. js isan open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook. React is a tool for building UI components. | How to Use | If you have npx and Node.js installed, you can create a React application by using create-react-app
  • 5.
    Is React Jsgrowing day-by-day? Today, it continues to be a go-to choice for both beginners and developers, and despite the emergence of new technologies, companies tend to hire React. js developers for their business needs. In this article, we'll discuss the key reasons why React. js is still so popular in 2023. It was voted the 2nd most popular web framework for developers, only falling behind Node. js (see above) 2022 in the reliable StackOverflow Developer Survey 2022. That's a 7% increase in popularity from 2020 when it was the choice of only 36% - despite also coming in second. And in 2021 React took the top spot.
  • 6.
    Difference b/w ReactJs & Javascript React Js • React has a steeper learning curve than vanilla javascript as it embraces component-based architecture and JSX syntax. • React embraces DOM for efficient UI updates. By determining the minimal necessary changes to the DOM, its performance is improved. JavaScript • Plain javascript has a shallow learning curve and takes time to master but once you have a strong grasp of js, it will be easier to understand other frameworks and libraries. • Plain Javascript is faster than React js as it doesn’t need to generate virtual Dom and can directly manipulate the standard DOM. This makes it around 30 times faster than React in generating UI programs.
  • 7.
    | React EnvironmentSetup| There are two ways to set up an environment for successful ReactJS application. They are given below. 1. Using the npm command 2. Using the create-react-app command
  • 8.
    | Create Components| Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components.
  • 9.
    | Advantages ofReact | 1. Speed 2. Flexibility 3. Performance 4. Usability 5. Reusable Components 6. It helps to build rich user interfaces 7. It allows writing custom components
  • 10.