SlideShare a Scribd company logo
1 of 9
Download to read offline
react js for web development
Respond JS is a JavaScript library for building UIs. It was created
by Facebook and is presently kept up with by Facebook and a
local area of individual engineers and organizations
react js for web development
Respond is utilized for building single-page applications and
versatile applications and is viewed as one of the most famous
and generally utilized web advancement structures.
Respond utilizes a virtual DOM (Report Item Model) which
permits it to refresh the UI productively and really. The virtual
DOM is a lightweight in-memory portrayal of the genuine DOM
and is utilized to streamline the delivering execution of a web
application.
Respond Parts:
Respond utilizes a part based engineering which permits
designers to make reusable UI parts. Parts are JavaScript classes
or works that return a Respond component. Parts can be
reused all through an application, making it simpler to fabricate
and keep an enormous scope application.
Respond utilizes JSX (JavaScript XML), a punctuation expansion
for JavaScript, to deliver UI parts. JSX permits designers to
compose HTML-like code inside JavaScript, making it more
clear and keep up with the code.
Virtual DOM:
Respond utilizes a virtual DOM which permits it to refresh the UI productively and
successfully. The virtual DOM is a lightweight in-memory portrayal of the genuine
DOM and is utilized to upgrade the delivering execution of a web application.
•
State and Props:
Respond parts have two significant highlights, State and Props. The
State is a plain JavaScript object that stores a part's nearby
information, for example, structure values or client connections.
Props are perused just parts that are passed down from a parent part
to its kid parts.
Respond Snares:
Respond Snares are another element in Respond that
permit engineers to add state and aftereffects to utilitarian
parts. Snares are a method for reusing stateful rationale
between parts without composing a class.
• Respond Switch:
Respond Switch is a library that permits designers to add steering to a
Respond application. Respond Switch assists designers with dealing
with the URL of a web application and to deliver various parts in view
of the URL.
Respond Local:
Respond Local is a system for building local versatile applications utilizing Respond. Respond Local
purposes similar ideas as Respond, however rather than delivering HTML components, it renders local
parts for iOS and Android.
All in all, Respond is a strong and broadly involved JavaScript library for building UIs. With its part based
design, virtual DOM, and support for Respond Snares and Respond Switch, Respond makes it simpler to
construct,

More Related Content

Similar to react js for web development.pdf

Similar to react js for web development.pdf (20)

Maximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdfMaximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdf
 
Difference between React JS and React Native
Difference between React JS and React NativeDifference between React JS and React Native
Difference between React JS and React Native
 
Review on React JS
Review on React JSReview on React JS
Review on React JS
 
The Difference Between Node.js and React.js.pdf
The Difference  Between Node.js and React.js.pdfThe Difference  Between Node.js and React.js.pdf
The Difference Between Node.js and React.js.pdf
 
What is ReactJS?
What is ReactJS?What is ReactJS?
What is ReactJS?
 
Why do we use react JS on the website_.pdf
Why do we use react JS on the website_.pdfWhy do we use react JS on the website_.pdf
Why do we use react JS on the website_.pdf
 
ReactJS vs React Native - Key Differences You Need to Know in 2023
ReactJS vs React Native - Key Differences You Need to Know in 2023ReactJS vs React Native - Key Differences You Need to Know in 2023
ReactJS vs React Native - Key Differences You Need to Know in 2023
 
React Developers Need These Tools To Increase Their Potential.pdf
React Developers Need These Tools To Increase Their Potential.pdfReact Developers Need These Tools To Increase Their Potential.pdf
React Developers Need These Tools To Increase Their Potential.pdf
 
React vs React Native
React vs React NativeReact vs React Native
React vs React Native
 
The benefits of react js and reasons to choose it for your project
The benefits of react js and reasons to choose it for your projectThe benefits of react js and reasons to choose it for your project
The benefits of react js and reasons to choose it for your project
 
React native vs react js
React native vs react jsReact native vs react js
React native vs react js
 
React Js Simplified
React Js SimplifiedReact Js Simplified
React Js Simplified
 
React intro
React introReact intro
React intro
 
Simple ReactJS Presentation by tolu komolafe
Simple ReactJS Presentation by tolu komolafeSimple ReactJS Presentation by tolu komolafe
Simple ReactJS Presentation by tolu komolafe
 
AFTAB AHMED.pptx
AFTAB AHMED.pptxAFTAB AHMED.pptx
AFTAB AHMED.pptx
 
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And DisadvantagesReactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
 
How Can the Hermes Engine Help React Native Apps.
How Can the Hermes Engine Help React Native Apps.How Can the Hermes Engine Help React Native Apps.
How Can the Hermes Engine Help React Native Apps.
 
What is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile AppWhat is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile App
 
Angular vs.pdf
Angular vs.pdfAngular vs.pdf
Angular vs.pdf
 
What is React programming used for_ .pdf
What is React programming used for_ .pdfWhat is React programming used for_ .pdf
What is React programming used for_ .pdf
 

More from Mars Devs

More from Mars Devs (20)

Pros & Cons of Hiring a Freelancer vs. an Agency.pdf
Pros & Cons of Hiring a Freelancer vs. an Agency.pdfPros & Cons of Hiring a Freelancer vs. an Agency.pdf
Pros & Cons of Hiring a Freelancer vs. an Agency.pdf
 
The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024
 
Dive into the Battle of Titans Agile vs. Waterfall.pdf
Dive into the Battle of Titans Agile vs. Waterfall.pdfDive into the Battle of Titans Agile vs. Waterfall.pdf
Dive into the Battle of Titans Agile vs. Waterfall.pdf
 
Kotlin - A Beginner’s Guide__________________
Kotlin - A Beginner’s Guide__________________Kotlin - A Beginner’s Guide__________________
Kotlin - A Beginner’s Guide__________________
 
A Sneak Peek Into Drupal - A Beginner’s Guide.pdf
A Sneak Peek Into Drupal - A Beginner’s Guide.pdfA Sneak Peek Into Drupal - A Beginner’s Guide.pdf
A Sneak Peek Into Drupal - A Beginner’s Guide.pdf
 
Master Clean and Minimalist Design with The Golden Rules!.pdf
Master Clean and Minimalist Design with The Golden Rules!.pdfMaster Clean and Minimalist Design with The Golden Rules!.pdf
Master Clean and Minimalist Design with The Golden Rules!.pdf
 
Python VS Java___________________________
Python VS Java___________________________Python VS Java___________________________
Python VS Java___________________________
 
6 Steps Functionality Hacks To Kubernetes - 2023 Update.pdf
6 Steps Functionality Hacks To Kubernetes - 2023 Update.pdf6 Steps Functionality Hacks To Kubernetes - 2023 Update.pdf
6 Steps Functionality Hacks To Kubernetes - 2023 Update.pdf
 
Everything Technical on List in Python--
Everything Technical on List in Python--Everything Technical on List in Python--
Everything Technical on List in Python--
 
6 Best OpenAPI Documentation Tools that You must Know
6 Best OpenAPI Documentation Tools that You must Know6 Best OpenAPI Documentation Tools that You must Know
6 Best OpenAPI Documentation Tools that You must Know
 
Learn Django Tips, Tricks & Techniques for Developers
Learn Django Tips, Tricks & Techniques for DevelopersLearn Django Tips, Tricks & Techniques for Developers
Learn Django Tips, Tricks & Techniques for Developers
 
What is Docker & Why is it Getting Popular?
What is Docker & Why is it Getting Popular?What is Docker & Why is it Getting Popular?
What is Docker & Why is it Getting Popular?
 
Functions and Arguments in Python
Functions and Arguments in PythonFunctions and Arguments in Python
Functions and Arguments in Python
 
How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!
 
Chrome Developer Tools - Pro Tips & Tricks
Chrome Developer Tools - Pro Tips & TricksChrome Developer Tools - Pro Tips & Tricks
Chrome Developer Tools - Pro Tips & Tricks
 
10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development
 
What is Json?
What is Json?What is Json?
What is Json?
 
Figma Community Files that are Absolute Gold!
Figma Community Files that are Absolute Gold!Figma Community Files that are Absolute Gold!
Figma Community Files that are Absolute Gold!
 
AI Tools to Reduce Hardwork
AI Tools to Reduce HardworkAI Tools to Reduce Hardwork
AI Tools to Reduce Hardwork
 
Introduction to Python Pandas
Introduction to Python PandasIntroduction to Python Pandas
Introduction to Python Pandas
 

Recently uploaded

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
VictoriaMetrics
 
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg
 
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
chiefasafspells
 
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
masabamasaba
 
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
masabamasaba
 

Recently uploaded (20)

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 
%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto
 
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
 
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
 
%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg
%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg
%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg
 
WSO2CON 2024 - How to Run a Security Program
WSO2CON 2024 - How to Run a Security ProgramWSO2CON 2024 - How to Run a Security Program
WSO2CON 2024 - How to Run a Security Program
 
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
 
What Goes Wrong with Language Definitions and How to Improve the Situation
What Goes Wrong with Language Definitions and How to Improve the SituationWhat Goes Wrong with Language Definitions and How to Improve the Situation
What Goes Wrong with Language Definitions and How to Improve the Situation
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
tonesoftg
tonesoftgtonesoftg
tonesoftg
 
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
 
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
%+27788225528 love spells in Huntington Beach Psychic Readings, Attraction sp...
 
%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benoni%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benoni
 
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
 
WSO2Con204 - Hard Rock Presentation - Keynote
WSO2Con204 - Hard Rock Presentation - KeynoteWSO2Con204 - Hard Rock Presentation - Keynote
WSO2Con204 - Hard Rock Presentation - Keynote
 
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
 
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 

react js for web development.pdf

  • 1. react js for web development Respond JS is a JavaScript library for building UIs. It was created by Facebook and is presently kept up with by Facebook and a local area of individual engineers and organizations
  • 2. react js for web development Respond is utilized for building single-page applications and versatile applications and is viewed as one of the most famous and generally utilized web advancement structures. Respond utilizes a virtual DOM (Report Item Model) which permits it to refresh the UI productively and really. The virtual DOM is a lightweight in-memory portrayal of the genuine DOM and is utilized to streamline the delivering execution of a web application.
  • 3. Respond Parts: Respond utilizes a part based engineering which permits designers to make reusable UI parts. Parts are JavaScript classes or works that return a Respond component. Parts can be reused all through an application, making it simpler to fabricate and keep an enormous scope application.
  • 4. Respond utilizes JSX (JavaScript XML), a punctuation expansion for JavaScript, to deliver UI parts. JSX permits designers to compose HTML-like code inside JavaScript, making it more clear and keep up with the code.
  • 5. Virtual DOM: Respond utilizes a virtual DOM which permits it to refresh the UI productively and successfully. The virtual DOM is a lightweight in-memory portrayal of the genuine DOM and is utilized to upgrade the delivering execution of a web application.
  • 6. • State and Props: Respond parts have two significant highlights, State and Props. The State is a plain JavaScript object that stores a part's nearby information, for example, structure values or client connections. Props are perused just parts that are passed down from a parent part to its kid parts.
  • 7. Respond Snares: Respond Snares are another element in Respond that permit engineers to add state and aftereffects to utilitarian parts. Snares are a method for reusing stateful rationale between parts without composing a class.
  • 8. • Respond Switch: Respond Switch is a library that permits designers to add steering to a Respond application. Respond Switch assists designers with dealing with the URL of a web application and to deliver various parts in view of the URL.
  • 9. Respond Local: Respond Local is a system for building local versatile applications utilizing Respond. Respond Local purposes similar ideas as Respond, however rather than delivering HTML components, it renders local parts for iOS and Android. All in all, Respond is a strong and broadly involved JavaScript library for building UIs. With its part based design, virtual DOM, and support for Respond Snares and Respond Switch, Respond makes it simpler to construct,