SlideShare a Scribd company logo

Review on React JS

I
ijtsrd

This is a review on react js. Its introduction, how to use it, why to use it. Its uses in the front end development world and its effectiveness and advantages as well. Bhupati Venkat Sai Indla | Yogeshchandra Puranik "Review on React JS" Published in International Journal of Trend in Scientific Research and Development (ijtsrd), ISSN: 2456-6470, Volume-5 | Issue-4 , June 2021, URL: https://www.ijtsrd.compapers/ijtsrd42490.pdf Paper URL: https://www.ijtsrd.comengineering/computer-engineering/42490/review-on-react-js/bhupati-venkat-sai-indla

1 of 3
Download to read offline
International Journal of Trend in Scientific Research and Development (IJTSRD)
Volume 5 Issue 4, May-June 2021 Available Online: www.ijtsrd.com e-ISSN: 2456 – 6470
@ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1137
Review on React JS
Bhupati Venkat Sai Indla1, Yogeshchandra Puranik2
1PG Student, 2Professor,
1,2MCA, P.E.S. Modern College of Engineering, Pune, Maharashtra, India
ABSTRACT
This is a review on react js. Its introduction, how to use it, why to use it. Its
uses in the front-end development world and its effectivenessandadvantages
as well.
KEYWORDS: React, React js, web development, frontend web dev
How to cite this paper: Bhupati Venkat
Sai Indla | Yogeshchandra Puranik
"Review on React JS"
Published in
International Journal
of Trend in Scientific
Research and
Development(ijtsrd),
ISSN: 2456-6470,
Volume-5 | Issue-4,
June 2021, pp.1137-1139, URL:
www.ijtsrd.com/papers/ijtsrd42490.pdf
Copyright © 2021 by author (s) and
International Journal ofTrendinScientific
Research and Development Journal. This
is an Open Access article distributed
under the terms of
the Creative
Commons Attribution
License (CC BY 4.0)
(http: //creativecommons.org/licenses/by/4.0)
INTRODUCTION:
React (also known as React.js or ReactJS) is an open-source
front-end JavaScript library for buildinguserinterfacesor UI
components. It is maintained by Facebook and a community
of individual developers and companies. React can be used
as a base in the development of single-page or mobile
applications. However, React is only concerned with state
management and rendering that state to the DOM, so
creating React applications usually requires the use of
additional libraries for routing, as well as certain client-side
functionality.
Declarative
React makes it painless to create interactive UIs. Design
simple views for each state in your application, and React
will efficiently update and render just the right components
when your data changes.
Declarative views make your code more predictable and
easier to debug.
Component-Based
Build encapsulatedcomponentsthatmanagetheirownstate,
then compose them to make complex UIs.
Since component logic is written in JavaScript instead of
templates, you can easily pass rich data through your app
and keep state out of the DOM.
Learn Once, Write Anywhere
We don’t make assumptions about the rest of your
technology stack, so you can develop new features in React
without rewriting existing code.
React can also render on the server using Node and power
mobile apps using React Native.
Web before Reactjs
Let’s take a walk down to the technology space before 2015
when web development was all about scripting and
rendering. The time when languages like HTML, CSS ruled
the frontend, and PHP ruled the backend.
Web development was so easy back then. All we needed to
do was to put static HTML pages in some folders and render
them using PHP. Although that’s not a unique and intuitive
way to develop websites, you were still able to establish a
two-way connection between clientandserver.All thecredit
goes to Server-Side Rendering (SSR). We’ve been building
web applications this way for decades, but what we didn’t
see coming is the revolution of websites after Javascript
libraries like Reactjs.
The dawn of Single page apps (SPA), Javascript, and
Reactjs
Ever since the Javascript revolution took over, you can do a
lot more with Javascript than you could ten years ago.
So what brings the change?
The answer is: writing web apps with client-side Javascript.
Yes, we are referring to the development of SinglePageApps
(SPA) using Javascript. While many Javascript frameworks
let you write client-side javascript, Angular wastheonlyone
that promoted this approach.
Imagine being able to fetch some data via Javascript, add
some attributes to your markup, and voila!: you have built a
dynamic website without messing up with PHP and servers.
But, no matter how popularized this approach seemedto be,
DOM manipulations (a way to render several components)
remained not so fast.
IJTSRD42490
International Journal of Trend in Scientific Research and Development (IJTSRD) @ www.ijtsrd.com eISSN: 2456-6470
@ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1138
Enter Reactjs!
The Isomorphic javascript library, introduced in 2015,
enabled developers to build dynamic web applications with
blazing speed.
React was primarily used to render views in web or mobile
applications. It allowed developers to create reusable
components that are independentof eachother.Sowhen any
critical feature of a web application broke, they were still
better off with the remaining elements. Also, React brought
this fantastic feature called Virtual DOM that enabled
developers to implement SSR without needing to updatethe
whole view each time during an update.
What’s so revolutionary about this, you ask?
For instance, while building a dynamic front-end or a SPA,
you also want client-side routing to ensure a quick
navigational experience for the end-user. Now, navigation is
not something you would want to lose when you implement
SSR. Thankfully, you can still use Reactjs on the client-side
and implement navigation. What thismeansisthattheinitial
render uses SSR, and the subsequent navigationsbehavelike
a SPA. Also, with React, you are not moving away with SSR;
you are just utilizing it whenever needed.
To sum this up: Reactjs shines in building dynamic and
engaging web interfaces and triumphs over other javascript
frameworks (such as Angular, Ember). The reasonis:Virtual
DOM facilitates updating components whenever a user does
any interaction without affecting otherpartsoftheinterface.
Why Do JavaScript Developers Use React JS?
React is a JavaScript library that specializes in helping
developers build user interfaces, or UIs. In termsof websites
and web applications, UIs are the collection of on-screen
menus, search bars, buttons, and anything else someone
interacts with to USE a website or app.
Before React JS, developers were stuck building UIs by hand
with “vanilla JavaScript” (developers speak for the raw
JavaScript language on itsown)orwithlessUI-focusedReact
predecessors like jQuery. That meant longer development
times and plenty of opportunities for errors and bugs. So, in
2011, Facebook engineer Jordan Walke created React JS
specifically to improve UI development.
In addition to providing reusable React library code (saving
development time and cutting down on the chance for
coding errors), React comes with two key features that add
to its appeal for JavaScript developers:
JSX
Virtual DOM
JSX
At the heart of any basic website are HTML documents. Web
browsers read these documents and display them on your
computer, tablet, or phone as web pages. During this
process, browsers create something called a Document
Object Model (DOM), a representational tree of howthe web
page is arranged. Developers can then add dynamic content
to their projects by modifying the DOM with languages like
JavaScript.
JSX (short for JavaScript eXtension) is a React extension that
makes it easy for web developers to modify their DOM by
using simple, HTML-style code.And—sinceReactJSbrowser
support extends to all modern web browsers—JSX is
compatible withany browserplatformyoumightbeworking
with.
This isn’t just a matter of convenience, though—using JSX to
update a DOM leads to significant site performance
improvements and development efficiency.
Virtual DOM
If you’re not using React JS (and JSX), your website will use
HTML to update its DOM (the process that makes things
“change” on screen without a user having to manually
refresh a page). This works fine for simple, static websites,
but for dynamic websites that involveheavyuserinteraction
it can become a problem (since the entire DOM needs to
reload every time the user clicks a feature calling for a page
refresh).
However, if a developer uses JSX to manipulate and update
its DOM, React JS creates something called a Virtual DOM.
The Virtual DOM (like the name implies) is a copy of the
site’s DOM, and React JS uses this copy to see what parts of
the actual DOM need to change when an event happens (like
a user clicking a button).
Let’s say a user enters a comment in a blog post form and
pushes the “Comment” button. Without using React JS, the
entire DOM would have to update to reflect this change
(using the time and processing power it takes to make this
update). React, on the other hand, scans the Virtual DOM to
see what changed after a user action (inthiscase,a comment
being added) and selectively updatesthatsectionoftheDOM
only.
This kind of selective updating takes less computing power
and less loading time, which might not sound like much
when you’re talking about a single blog comment, but—
when you start to think about all the dynamics and updates
associated with even a slightly complex website—you’ll
realize it adds up to a lot.
Why use React? – React usage benefits
Now that you found out the origination of this ground-
breaking library, let’s find out the benefits of React and why
should you use it for your web application projects:
It’s Easier to Learn for Developers : One of the main
concerns developers have is choosing a framework (or
library) that is easier to learn and implement. React is easy
to grasp for developers who are familiarwithJavascript. Soif
you have a team of developers thatareverywell-versedwith
Javascript, Reactjs should be your best bet. However, even if
developers don’t know Javascript, React can be the right
place to start. Unlike Angular, React holds a smooth learning
curve.
React enables developers to reuse components:InReact,
your application comprises components. Ideally, you start
with building small components like buttons, checkboxes,
dropdowns, menus, etc. and create wrapper components
around these smaller components. And as you go on writing
the higher level wrapper components, you will have a single
root component and several hierarchical components. Now,
here’s a no-brainer: each component in React has its own
logic. So if you want to re-use the button componentthrough
your app, you are good to go. I am pretty much confident
everybody wants reusability in their project.
It provides a unique Abstraction Layer: Another lesser-
known business-related benefit with React is that it allows
for a good abstraction layer, which means an end-user can’t
International Journal of Trend in Scientific Research and Development (IJTSRD) @ www.ijtsrd.com eISSN: 2456-6470
@ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1139
access the complex internals. Your developer only needs to
be aware of some basics, and they'd be better off knowing
the internal functionalities. Moreover, itdoesnotdictate any
architectural patterns like MVC, MVP, and MVVM. Your
developer is free to design an app’s architecture in any way
he sees fit.
It’s well established with a vibrant ecosystem of
Developer tools: React consists of a rich and vibrant
ecosystem. Developers can find dozens of ready-made and
customizable charts, graphics, documentation tools, and
other components that allow them to build a web app in less
time without reinventing the wheel. There’s this awesome
collection of Reactjs dev tools and tutorials that help
developers to build awesome stuff.
Single-page applications catering to multiple industries
Reactjs can be used to build a Single page application
catering to any industry. A single-page app is different from
the traditional multi-page app that you see everywhere.
When a user navigates on a SPA, he will keep interacting
with the same page without interacting with anentirelynew
page. Instead, the web pages (also known as views in this
context) typically load inline within the same page itself.
An app like Trello is the best example of single page
navigation. Technically, such a type of navigation can be
implemented by a technique called routing. The good news
is: React offers a library called React-router, which provides
routing capabilities in SPAs.
Cross-platform Mobile Apps (React Native)
Using Reactjs in your project comes with a bonus: React
Native. Yes, you can build cross-platform apps for Android
and iOS using React Native.
For instance, suppose you have built a website for your
bakery business. After some-time, you can also build a
mobile app using React Native tosupportit.Ofcourse,you or
your developer will not be able to re-use the same code you
wrote for the web. Better still, you will be able to use the
same architecture and methodology for building the mobile
app. Sounds cool, doesn’t it?
Where else should you use Reactjs?
The list is endless, but here’s a taste of some example web
apps where you can use Reactjs:
Blogs (Gatsby)
Business websites
Portfolios
Forums
Rating websites
Membership sites
eLearning modules
Galleries
Personal websites for self-promotion
Job boards
Business directories
Q&A websites like Quora
Non-profit websites for collecting donations
Wikis and knowledge bases
Media-centric sites like YouTube
Auction and coupon sites
Conclusion
Reactjs is an excellent addition to the projects that need
component reusability, impressive user interactions, or
crazy animations. That said, it’s a robust UI library to build
projects that cater to small, medium, and even large-scale
organizations. That’swhyso manycompaniesrelyheavilyon
React for their long-termbusinessgoals.ConsideringReactjs
pros and cons, it can be easily summed up in three words:
non-risky, responsive and advanced. The main idea behind
this particular library is: “to build large-scale applications
with data that changes repeatedly over time” and it tackles
the challenge well. It provides developers with the
capability of working with a virtual browser (DOM) that is
much faster and user-friendly, than the real one. Apart from
that, it offers the easier creation of interactive UIs, JSX
support, component-based structure and much more. The
combination of the above-mentioned factors makes it a
reasonable choice for both startups and enterprises.
References:
[1] https://en.wikipedia.org/wiki/React_(JavaScript_libr
ary)
[2] https://reactjs.org/
[3] https://www.simform.com/why-use-react/

Recommended

When to Use MongoDB
When to Use MongoDBWhen to Use MongoDB
When to Use MongoDBMongoDB
 
Warehouse management system
Warehouse management system Warehouse management system
Warehouse management system Nevroz Gösterici
 
Warehouse Planning and Implementation
Warehouse Planning and ImplementationWarehouse Planning and Implementation
Warehouse Planning and ImplementationSHIKHA GAUTAM
 
Using RFID in Manufacturing Operations
Using RFID in Manufacturing OperationsUsing RFID in Manufacturing Operations
Using RFID in Manufacturing OperationsAngela Carver
 
Introduction to OpenNebula - Ignacio M. Llorente
Introduction to OpenNebula - Ignacio M. LlorenteIntroduction to OpenNebula - Ignacio M. Llorente
Introduction to OpenNebula - Ignacio M. LlorenteOpenNebula Project
 

More Related Content

What's hot

Glusterfs session #10 locks xlator inodelks
Glusterfs session #10   locks xlator inodelksGlusterfs session #10   locks xlator inodelks
Glusterfs session #10 locks xlator inodelksPranith Karampuri
 
Warehouse Management System
Warehouse Management SystemWarehouse Management System
Warehouse Management SystemRRChandran
 
HiveServer2 for Apache Hive
HiveServer2 for Apache HiveHiveServer2 for Apache Hive
HiveServer2 for Apache HiveCarl Steinbach
 
Warehousing -mayank
Warehousing  -mayankWarehousing  -mayank
Warehousing -mayankmadhvih
 
Android Development Tools Overview
Android Development Tools OverviewAndroid Development Tools Overview
Android Development Tools OverviewMike Wolfson
 
DATA WAREHOUSING
DATA WAREHOUSINGDATA WAREHOUSING
DATA WAREHOUSINGKing Julian
 
warehouse marketing presentation
warehouse marketing presentationwarehouse marketing presentation
warehouse marketing presentationRajat Kumar
 
RedHat Virtualization Manager
RedHat Virtualization ManagerRedHat Virtualization Manager
RedHat Virtualization ManagerRaz Tamir
 
React js programming concept
React js programming conceptReact js programming concept
React js programming conceptTariqul islam
 
Running a business on Web Scraped Data
Running a business on Web Scraped DataRunning a business on Web Scraped Data
Running a business on Web Scraped DataPierluigi Vinciguerra
 
Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_ForceBolt
 
Ceph Tech Talk: Ceph at DigitalOcean
Ceph Tech Talk: Ceph at DigitalOceanCeph Tech Talk: Ceph at DigitalOcean
Ceph Tech Talk: Ceph at DigitalOceanCeph Community
 
An introduction to React.js
An introduction to React.jsAn introduction to React.js
An introduction to React.jsEmanuele DelBono
 
VMworld 2014: Site Recovery Manager and Stretched Storage
VMworld 2014: Site Recovery Manager and Stretched StorageVMworld 2014: Site Recovery Manager and Stretched Storage
VMworld 2014: Site Recovery Manager and Stretched StorageVMworld
 
Node js (runtime environment + js library) platform
Node js (runtime environment + js library) platformNode js (runtime environment + js library) platform
Node js (runtime environment + js library) platformSreenivas Kappala
 
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep Learning
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep LearningLeveraging Apache Spark for Scalable Data Prep and Inference in Deep Learning
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep LearningDatabricks
 

What's hot (20)

Glusterfs session #10 locks xlator inodelks
Glusterfs session #10   locks xlator inodelksGlusterfs session #10   locks xlator inodelks
Glusterfs session #10 locks xlator inodelks
 
Data models in NoSQL
Data models in NoSQLData models in NoSQL
Data models in NoSQL
 
Warehouse Management System
Warehouse Management SystemWarehouse Management System
Warehouse Management System
 
HiveServer2 for Apache Hive
HiveServer2 for Apache HiveHiveServer2 for Apache Hive
HiveServer2 for Apache Hive
 
Warehousing -mayank
Warehousing  -mayankWarehousing  -mayank
Warehousing -mayank
 
Horizon 8 + Instant Clones
Horizon 8 + Instant ClonesHorizon 8 + Instant Clones
Horizon 8 + Instant Clones
 
Data warehousing
Data warehousingData warehousing
Data warehousing
 
Android Development Tools Overview
Android Development Tools OverviewAndroid Development Tools Overview
Android Development Tools Overview
 
DATA WAREHOUSING
DATA WAREHOUSINGDATA WAREHOUSING
DATA WAREHOUSING
 
warehouse marketing presentation
warehouse marketing presentationwarehouse marketing presentation
warehouse marketing presentation
 
RedHat Virtualization Manager
RedHat Virtualization ManagerRedHat Virtualization Manager
RedHat Virtualization Manager
 
React js programming concept
React js programming conceptReact js programming concept
React js programming concept
 
Running a business on Web Scraped Data
Running a business on Web Scraped DataRunning a business on Web Scraped Data
Running a business on Web Scraped Data
 
Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_
 
Ceph Tech Talk: Ceph at DigitalOcean
Ceph Tech Talk: Ceph at DigitalOceanCeph Tech Talk: Ceph at DigitalOcean
Ceph Tech Talk: Ceph at DigitalOcean
 
Express js
Express jsExpress js
Express js
 
An introduction to React.js
An introduction to React.jsAn introduction to React.js
An introduction to React.js
 
VMworld 2014: Site Recovery Manager and Stretched Storage
VMworld 2014: Site Recovery Manager and Stretched StorageVMworld 2014: Site Recovery Manager and Stretched Storage
VMworld 2014: Site Recovery Manager and Stretched Storage
 
Node js (runtime environment + js library) platform
Node js (runtime environment + js library) platformNode js (runtime environment + js library) platform
Node js (runtime environment + js library) platform
 
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep Learning
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep LearningLeveraging Apache Spark for Scalable Data Prep and Inference in Deep Learning
Leveraging Apache Spark for Scalable Data Prep and Inference in Deep Learning
 

Similar to Review on React JS

Maximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdfMaximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdfBOSC Tech Labs
 
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web ApplicationReact Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web Applicationadityakumar2080
 
_why_choose_react_js_development_for_building_websites_in_2023.pdf
_why_choose_react_js_development_for_building_websites_in_2023.pdf_why_choose_react_js_development_for_building_websites_in_2023.pdf
_why_choose_react_js_development_for_building_websites_in_2023.pdfsarah david
 
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesTechtic Solutions
 
React js vs react native a comparative analysis
React js vs react native a comparative analysisReact js vs react native a comparative analysis
React js vs react native a comparative analysisShelly Megan
 
Skill practical javascript diy projects
Skill practical javascript diy projectsSkill practical javascript diy projects
Skill practical javascript diy projectsSkillPracticalEdTech
 
Why Use React Js A Complete Guide (1).pdf
Why Use React Js A Complete Guide (1).pdfWhy Use React Js A Complete Guide (1).pdf
Why Use React Js A Complete Guide (1).pdfKaty Slemon
 
React vs. angular a comprehensive guideline for choosing right front-end fr...
React vs. angular   a comprehensive guideline for choosing right front-end fr...React vs. angular   a comprehensive guideline for choosing right front-end fr...
React vs. angular a comprehensive guideline for choosing right front-end fr...Katy Slemon
 
ReactJs and why Developers are using it-Xcentric.pdf
ReactJs and why Developers are using it-Xcentric.pdfReactJs and why Developers are using it-Xcentric.pdf
ReactJs and why Developers are using it-Xcentric.pdfxcentricservices7
 
Introduction to react js and reasons to go with react js in 2020
Introduction to react js and reasons to go with react js in 2020Introduction to react js and reasons to go with react js in 2020
Introduction to react js and reasons to go with react js in 2020Concetto Labs
 
Combining react with node js to develop successful full stack web applications
Combining react with node js to develop successful full stack web applicationsCombining react with node js to develop successful full stack web applications
Combining react with node js to develop successful full stack web applicationsKaty Slemon
 
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_ .pdfayushinwizards
 
Angular VS React The Battle of Best Front End Frameworks.pdf
Angular VS React The Battle of Best Front End Frameworks.pdfAngular VS React The Battle of Best Front End Frameworks.pdf
Angular VS React The Battle of Best Front End Frameworks.pdfJS Panther Pvt. Ltd.
 

Similar to Review on React JS (20)

Maximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdfMaximize Development Efficiency with ReactJS.pdf
Maximize Development Efficiency with ReactJS.pdf
 
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web ApplicationReact Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
 
_why_choose_react_js_development_for_building_websites_in_2023.pdf
_why_choose_react_js_development_for_building_websites_in_2023.pdf_why_choose_react_js_development_for_building_websites_in_2023.pdf
_why_choose_react_js_development_for_building_websites_in_2023.pdf
 
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
 
learning react
learning reactlearning react
learning react
 
React js vs react native a comparative analysis
React js vs react native a comparative analysisReact js vs react native a comparative analysis
React js vs react native a comparative analysis
 
Skill practical javascript diy projects
Skill practical javascript diy projectsSkill practical javascript diy projects
Skill practical javascript diy projects
 
Why Use React Js A Complete Guide (1).pdf
Why Use React Js A Complete Guide (1).pdfWhy Use React Js A Complete Guide (1).pdf
Why Use React Js A Complete Guide (1).pdf
 
React vs. angular a comprehensive guideline for choosing right front-end fr...
React vs. angular   a comprehensive guideline for choosing right front-end fr...React vs. angular   a comprehensive guideline for choosing right front-end fr...
React vs. angular a comprehensive guideline for choosing right front-end fr...
 
Web Development- Xcentric.pdf
Web Development- Xcentric.pdfWeb Development- Xcentric.pdf
Web Development- Xcentric.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
ReactJs and why Developers are using it-Xcentric.pdf
ReactJs and why Developers are using it-Xcentric.pdfReactJs and why Developers are using it-Xcentric.pdf
ReactJs and why Developers are using it-Xcentric.pdf
 
ReactJs vs NextJs.pdf
ReactJs vs NextJs.pdfReactJs vs NextJs.pdf
ReactJs vs NextJs.pdf
 
Introduction to react js and reasons to go with react js in 2020
Introduction to react js and reasons to go with react js in 2020Introduction to react js and reasons to go with react js in 2020
Introduction to react js and reasons to go with react js in 2020
 
Combining react with node js to develop successful full stack web applications
Combining react with node js to develop successful full stack web applicationsCombining react with node js to develop successful full stack web applications
Combining react with node js to develop successful full stack web applications
 
Xcentric - Web.pdf
Xcentric - Web.pdfXcentric - Web.pdf
Xcentric - Web.pdf
 
Nodejs vs react js converted
Nodejs vs react js convertedNodejs vs react js converted
Nodejs vs react js converted
 
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
 
Angular VS React The Battle of Best Front End Frameworks.pdf
Angular VS React The Battle of Best Front End Frameworks.pdfAngular VS React The Battle of Best Front End Frameworks.pdf
Angular VS React The Battle of Best Front End Frameworks.pdf
 
ReactJS vs React Native
ReactJS vs React NativeReactJS vs React Native
ReactJS vs React Native
 

More from ijtsrd

Digital Welfare State, Human Rights and Digital Rights A Symbiotic Relationship
Digital Welfare State, Human Rights and Digital Rights A Symbiotic RelationshipDigital Welfare State, Human Rights and Digital Rights A Symbiotic Relationship
Digital Welfare State, Human Rights and Digital Rights A Symbiotic Relationshipijtsrd
 
Role of Digital Finance to Improve Financial Inclusion and Economical Work
Role of Digital Finance to Improve Financial Inclusion and Economical WorkRole of Digital Finance to Improve Financial Inclusion and Economical Work
Role of Digital Finance to Improve Financial Inclusion and Economical Workijtsrd
 
Imperative of Staff Morale on Productivity of Manufacturing Companies in Nigeria
Imperative of Staff Morale on Productivity of Manufacturing Companies in NigeriaImperative of Staff Morale on Productivity of Manufacturing Companies in Nigeria
Imperative of Staff Morale on Productivity of Manufacturing Companies in Nigeriaijtsrd
 
Implementation of Fixed Asset Accounting at PT. Makassar Sarana Permai
Implementation of Fixed Asset Accounting at PT. Makassar Sarana PermaiImplementation of Fixed Asset Accounting at PT. Makassar Sarana Permai
Implementation of Fixed Asset Accounting at PT. Makassar Sarana Permaiijtsrd
 
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...ijtsrd
 
Application of Responsibility Accounting as a Tool for Cost Center Performanc...
Application of Responsibility Accounting as a Tool for Cost Center Performanc...Application of Responsibility Accounting as a Tool for Cost Center Performanc...
Application of Responsibility Accounting as a Tool for Cost Center Performanc...ijtsrd
 
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...ijtsrd
 
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...ijtsrd
 
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...ijtsrd
 
Emerging Trends in Teacher Education Under NEP2020
Emerging Trends in Teacher Education Under NEP2020Emerging Trends in Teacher Education Under NEP2020
Emerging Trends in Teacher Education Under NEP2020ijtsrd
 
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...ijtsrd
 
Towards a Sustainable Future – Learning from the Relics of Our Past
Towards a Sustainable Future – Learning from the Relics of Our PastTowards a Sustainable Future – Learning from the Relics of Our Past
Towards a Sustainable Future – Learning from the Relics of Our Pastijtsrd
 
The Gut Microbiome, Aging and Longevity An Overview
The Gut Microbiome, Aging and Longevity An OverviewThe Gut Microbiome, Aging and Longevity An Overview
The Gut Microbiome, Aging and Longevity An Overviewijtsrd
 
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...ijtsrd
 
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...ijtsrd
 
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...ijtsrd
 
Environmental Sociology An Introduction
Environmental Sociology An IntroductionEnvironmental Sociology An Introduction
Environmental Sociology An Introductionijtsrd
 
Food Defense An Introduction
Food Defense An IntroductionFood Defense An Introduction
Food Defense An Introductionijtsrd
 
Digital Oil Field
Digital Oil FieldDigital Oil Field
Digital Oil Fieldijtsrd
 
Covid 19 Health Prediction using Supervised Learning with Optimization
Covid 19 Health Prediction using Supervised Learning with OptimizationCovid 19 Health Prediction using Supervised Learning with Optimization
Covid 19 Health Prediction using Supervised Learning with Optimizationijtsrd
 

More from ijtsrd (20)

Digital Welfare State, Human Rights and Digital Rights A Symbiotic Relationship
Digital Welfare State, Human Rights and Digital Rights A Symbiotic RelationshipDigital Welfare State, Human Rights and Digital Rights A Symbiotic Relationship
Digital Welfare State, Human Rights and Digital Rights A Symbiotic Relationship
 
Role of Digital Finance to Improve Financial Inclusion and Economical Work
Role of Digital Finance to Improve Financial Inclusion and Economical WorkRole of Digital Finance to Improve Financial Inclusion and Economical Work
Role of Digital Finance to Improve Financial Inclusion and Economical Work
 
Imperative of Staff Morale on Productivity of Manufacturing Companies in Nigeria
Imperative of Staff Morale on Productivity of Manufacturing Companies in NigeriaImperative of Staff Morale on Productivity of Manufacturing Companies in Nigeria
Imperative of Staff Morale on Productivity of Manufacturing Companies in Nigeria
 
Implementation of Fixed Asset Accounting at PT. Makassar Sarana Permai
Implementation of Fixed Asset Accounting at PT. Makassar Sarana PermaiImplementation of Fixed Asset Accounting at PT. Makassar Sarana Permai
Implementation of Fixed Asset Accounting at PT. Makassar Sarana Permai
 
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...
Entrepreneurial Knowledge and Job Creation in Selected Small and Medium Enter...
 
Application of Responsibility Accounting as a Tool for Cost Center Performanc...
Application of Responsibility Accounting as a Tool for Cost Center Performanc...Application of Responsibility Accounting as a Tool for Cost Center Performanc...
Application of Responsibility Accounting as a Tool for Cost Center Performanc...
 
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...
A Clinical Study to Evaluate the Efficacy of Shudha Bala Taila Matra Basti in...
 
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...
Phytochemical Screening and In Vitro Antibacterial Activities of the Ethanol ...
 
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...
Intra State Migration, Migrants and their Socio Economic Condition A Case Stu...
 
Emerging Trends in Teacher Education Under NEP2020
Emerging Trends in Teacher Education Under NEP2020Emerging Trends in Teacher Education Under NEP2020
Emerging Trends in Teacher Education Under NEP2020
 
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...
An Evolutionary Game Study of Recycling Strategies for Used Cell Phones Under...
 
Towards a Sustainable Future – Learning from the Relics of Our Past
Towards a Sustainable Future – Learning from the Relics of Our PastTowards a Sustainable Future – Learning from the Relics of Our Past
Towards a Sustainable Future – Learning from the Relics of Our Past
 
The Gut Microbiome, Aging and Longevity An Overview
The Gut Microbiome, Aging and Longevity An OverviewThe Gut Microbiome, Aging and Longevity An Overview
The Gut Microbiome, Aging and Longevity An Overview
 
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...
The Impact of Integrated Payroll and Personnel Information System IPPIS on Va...
 
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...
Beyond AI The Rise of Cognitive Computing as Future of Computing ChatGPT Anal...
 
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...
Homoeopathic Therapeutic Approach and Treatment of Non Communicable Disease B...
 
Environmental Sociology An Introduction
Environmental Sociology An IntroductionEnvironmental Sociology An Introduction
Environmental Sociology An Introduction
 
Food Defense An Introduction
Food Defense An IntroductionFood Defense An Introduction
Food Defense An Introduction
 
Digital Oil Field
Digital Oil FieldDigital Oil Field
Digital Oil Field
 
Covid 19 Health Prediction using Supervised Learning with Optimization
Covid 19 Health Prediction using Supervised Learning with OptimizationCovid 19 Health Prediction using Supervised Learning with Optimization
Covid 19 Health Prediction using Supervised Learning with Optimization
 

Recently uploaded

11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdfAynouraHamidova
 
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...AKSHAYMAGAR17
 
2.27.24 Malcolm X and the Black Freedom Struggle.pptx
2.27.24 Malcolm X and the Black Freedom Struggle.pptx2.27.24 Malcolm X and the Black Freedom Struggle.pptx
2.27.24 Malcolm X and the Black Freedom Struggle.pptxMaryPotorti1
 
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...Katherine Villaluna
 
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdf
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdfSSC Hindu Religion and Moral Education MCQ Solutions 2024.pdf
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdfMohonDas
 
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...EduSkills OECD
 
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdfAynouraHamidova
 
Organic Synthesis and Estimation of Functional Groups
Organic Synthesis and Estimation of Functional GroupsOrganic Synthesis and Estimation of Functional Groups
Organic Synthesis and Estimation of Functional GroupsDr.M.Geethavani
 
New Features in the Odoo 17 Sales Module
New Features in  the Odoo 17 Sales ModuleNew Features in  the Odoo 17 Sales Module
New Features in the Odoo 17 Sales ModuleCeline George
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...Nguyen Thanh Tu Collection
 
Capitol Doctoral Presentation -Feb 2024.pptx
Capitol Doctoral Presentation -Feb 2024.pptxCapitol Doctoral Presentation -Feb 2024.pptx
Capitol Doctoral Presentation -Feb 2024.pptxCapitolTechU
 
Nzinga Kika - The story of the queen
Nzinga Kika    -  The story of the queenNzinga Kika    -  The story of the queen
Nzinga Kika - The story of the queenDeanAmory1
 
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?Can Brain Science Actually Help Make Your Training & Teaching "Stick"?
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?Aggregage
 
Kartik Nair In Media Res Media Component
Kartik Nair In Media Res Media ComponentKartik Nair In Media Res Media Component
Kartik Nair In Media Res Media ComponentInMediaRes1
 
Mycology Update February 2024 Microbes with Morgan
Mycology Update February 2024 Microbes with MorganMycology Update February 2024 Microbes with Morgan
Mycology Update February 2024 Microbes with MorganMargie Morgan
 
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdf
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdfA Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdf
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdfOH TEIK BIN
 
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdf
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdfA LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdf
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdfDr.M.Geethavani
 
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...liera silvan
 
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in Ghana
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in GhanaDecision on Curriculum Change Path: Towards Standards-Based Curriculum in Ghana
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in GhanaPrince Armah, PhD
 

Recently uploaded (20)

11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 5-2023-Aynura-Hamidova.pdf
 
CLUBE PERLINGUAS .
CLUBE PERLINGUAS                        .CLUBE PERLINGUAS                        .
CLUBE PERLINGUAS .
 
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...
Genetics, Heredity, Variation, history, its roles, Scope, Importance, and Bra...
 
2.27.24 Malcolm X and the Black Freedom Struggle.pptx
2.27.24 Malcolm X and the Black Freedom Struggle.pptx2.27.24 Malcolm X and the Black Freedom Struggle.pptx
2.27.24 Malcolm X and the Black Freedom Struggle.pptx
 
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...
Practical Research 1, Lesson 5: DESIGNING A RESEARCH PROJECT RELATED TO DAILY...
 
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdf
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdfSSC Hindu Religion and Moral Education MCQ Solutions 2024.pdf
SSC Hindu Religion and Moral Education MCQ Solutions 2024.pdf
 
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...
Andreas Schleicher - 20 Feb 2024 - How pop music, podcasts, and Tik Tok are i...
 
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf
11 CI SINIF SINAQLARI - 1-2023-Aynura-Hamidova.pdf
 
Organic Synthesis and Estimation of Functional Groups
Organic Synthesis and Estimation of Functional GroupsOrganic Synthesis and Estimation of Functional Groups
Organic Synthesis and Estimation of Functional Groups
 
New Features in the Odoo 17 Sales Module
New Features in  the Odoo 17 Sales ModuleNew Features in  the Odoo 17 Sales Module
New Features in the Odoo 17 Sales Module
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
 
Capitol Doctoral Presentation -Feb 2024.pptx
Capitol Doctoral Presentation -Feb 2024.pptxCapitol Doctoral Presentation -Feb 2024.pptx
Capitol Doctoral Presentation -Feb 2024.pptx
 
Nzinga Kika - The story of the queen
Nzinga Kika    -  The story of the queenNzinga Kika    -  The story of the queen
Nzinga Kika - The story of the queen
 
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?Can Brain Science Actually Help Make Your Training & Teaching "Stick"?
Can Brain Science Actually Help Make Your Training & Teaching "Stick"?
 
Kartik Nair In Media Res Media Component
Kartik Nair In Media Res Media ComponentKartik Nair In Media Res Media Component
Kartik Nair In Media Res Media Component
 
Mycology Update February 2024 Microbes with Morgan
Mycology Update February 2024 Microbes with MorganMycology Update February 2024 Microbes with Morgan
Mycology Update February 2024 Microbes with Morgan
 
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdf
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdfA Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdf
A Free eBook ~ Mental Exercise ...Puzzles to Analyze.pdf
 
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdf
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdfA LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdf
A LABORATORY MANUAL FOR ORGANIC CHEMISTRY.pdf
 
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...
EmpTech Lesson 7 - Online Creation Tools, Platforms, and Applications for ICT...
 
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in Ghana
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in GhanaDecision on Curriculum Change Path: Towards Standards-Based Curriculum in Ghana
Decision on Curriculum Change Path: Towards Standards-Based Curriculum in Ghana
 

Review on React JS

  • 1. International Journal of Trend in Scientific Research and Development (IJTSRD) Volume 5 Issue 4, May-June 2021 Available Online: www.ijtsrd.com e-ISSN: 2456 – 6470 @ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1137 Review on React JS Bhupati Venkat Sai Indla1, Yogeshchandra Puranik2 1PG Student, 2Professor, 1,2MCA, P.E.S. Modern College of Engineering, Pune, Maharashtra, India ABSTRACT This is a review on react js. Its introduction, how to use it, why to use it. Its uses in the front-end development world and its effectivenessandadvantages as well. KEYWORDS: React, React js, web development, frontend web dev How to cite this paper: Bhupati Venkat Sai Indla | Yogeshchandra Puranik "Review on React JS" Published in International Journal of Trend in Scientific Research and Development(ijtsrd), ISSN: 2456-6470, Volume-5 | Issue-4, June 2021, pp.1137-1139, URL: www.ijtsrd.com/papers/ijtsrd42490.pdf Copyright © 2021 by author (s) and International Journal ofTrendinScientific Research and Development Journal. This is an Open Access article distributed under the terms of the Creative Commons Attribution License (CC BY 4.0) (http: //creativecommons.org/licenses/by/4.0) INTRODUCTION: React (also known as React.js or ReactJS) is an open-source front-end JavaScript library for buildinguserinterfacesor UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality. Declarative React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Component-Based Build encapsulatedcomponentsthatmanagetheirownstate, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. Learn Once, Write Anywhere We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. Web before Reactjs Let’s take a walk down to the technology space before 2015 when web development was all about scripting and rendering. The time when languages like HTML, CSS ruled the frontend, and PHP ruled the backend. Web development was so easy back then. All we needed to do was to put static HTML pages in some folders and render them using PHP. Although that’s not a unique and intuitive way to develop websites, you were still able to establish a two-way connection between clientandserver.All thecredit goes to Server-Side Rendering (SSR). We’ve been building web applications this way for decades, but what we didn’t see coming is the revolution of websites after Javascript libraries like Reactjs. The dawn of Single page apps (SPA), Javascript, and Reactjs Ever since the Javascript revolution took over, you can do a lot more with Javascript than you could ten years ago. So what brings the change? The answer is: writing web apps with client-side Javascript. Yes, we are referring to the development of SinglePageApps (SPA) using Javascript. While many Javascript frameworks let you write client-side javascript, Angular wastheonlyone that promoted this approach. Imagine being able to fetch some data via Javascript, add some attributes to your markup, and voila!: you have built a dynamic website without messing up with PHP and servers. But, no matter how popularized this approach seemedto be, DOM manipulations (a way to render several components) remained not so fast. IJTSRD42490
  • 2. International Journal of Trend in Scientific Research and Development (IJTSRD) @ www.ijtsrd.com eISSN: 2456-6470 @ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1138 Enter Reactjs! The Isomorphic javascript library, introduced in 2015, enabled developers to build dynamic web applications with blazing speed. React was primarily used to render views in web or mobile applications. It allowed developers to create reusable components that are independentof eachother.Sowhen any critical feature of a web application broke, they were still better off with the remaining elements. Also, React brought this fantastic feature called Virtual DOM that enabled developers to implement SSR without needing to updatethe whole view each time during an update. What’s so revolutionary about this, you ask? For instance, while building a dynamic front-end or a SPA, you also want client-side routing to ensure a quick navigational experience for the end-user. Now, navigation is not something you would want to lose when you implement SSR. Thankfully, you can still use Reactjs on the client-side and implement navigation. What thismeansisthattheinitial render uses SSR, and the subsequent navigationsbehavelike a SPA. Also, with React, you are not moving away with SSR; you are just utilizing it whenever needed. To sum this up: Reactjs shines in building dynamic and engaging web interfaces and triumphs over other javascript frameworks (such as Angular, Ember). The reasonis:Virtual DOM facilitates updating components whenever a user does any interaction without affecting otherpartsoftheinterface. Why Do JavaScript Developers Use React JS? React is a JavaScript library that specializes in helping developers build user interfaces, or UIs. In termsof websites and web applications, UIs are the collection of on-screen menus, search bars, buttons, and anything else someone interacts with to USE a website or app. Before React JS, developers were stuck building UIs by hand with “vanilla JavaScript” (developers speak for the raw JavaScript language on itsown)orwithlessUI-focusedReact predecessors like jQuery. That meant longer development times and plenty of opportunities for errors and bugs. So, in 2011, Facebook engineer Jordan Walke created React JS specifically to improve UI development. In addition to providing reusable React library code (saving development time and cutting down on the chance for coding errors), React comes with two key features that add to its appeal for JavaScript developers: JSX Virtual DOM JSX At the heart of any basic website are HTML documents. Web browsers read these documents and display them on your computer, tablet, or phone as web pages. During this process, browsers create something called a Document Object Model (DOM), a representational tree of howthe web page is arranged. Developers can then add dynamic content to their projects by modifying the DOM with languages like JavaScript. JSX (short for JavaScript eXtension) is a React extension that makes it easy for web developers to modify their DOM by using simple, HTML-style code.And—sinceReactJSbrowser support extends to all modern web browsers—JSX is compatible withany browserplatformyoumightbeworking with. This isn’t just a matter of convenience, though—using JSX to update a DOM leads to significant site performance improvements and development efficiency. Virtual DOM If you’re not using React JS (and JSX), your website will use HTML to update its DOM (the process that makes things “change” on screen without a user having to manually refresh a page). This works fine for simple, static websites, but for dynamic websites that involveheavyuserinteraction it can become a problem (since the entire DOM needs to reload every time the user clicks a feature calling for a page refresh). However, if a developer uses JSX to manipulate and update its DOM, React JS creates something called a Virtual DOM. The Virtual DOM (like the name implies) is a copy of the site’s DOM, and React JS uses this copy to see what parts of the actual DOM need to change when an event happens (like a user clicking a button). Let’s say a user enters a comment in a blog post form and pushes the “Comment” button. Without using React JS, the entire DOM would have to update to reflect this change (using the time and processing power it takes to make this update). React, on the other hand, scans the Virtual DOM to see what changed after a user action (inthiscase,a comment being added) and selectively updatesthatsectionoftheDOM only. This kind of selective updating takes less computing power and less loading time, which might not sound like much when you’re talking about a single blog comment, but— when you start to think about all the dynamics and updates associated with even a slightly complex website—you’ll realize it adds up to a lot. Why use React? – React usage benefits Now that you found out the origination of this ground- breaking library, let’s find out the benefits of React and why should you use it for your web application projects: It’s Easier to Learn for Developers : One of the main concerns developers have is choosing a framework (or library) that is easier to learn and implement. React is easy to grasp for developers who are familiarwithJavascript. Soif you have a team of developers thatareverywell-versedwith Javascript, Reactjs should be your best bet. However, even if developers don’t know Javascript, React can be the right place to start. Unlike Angular, React holds a smooth learning curve. React enables developers to reuse components:InReact, your application comprises components. Ideally, you start with building small components like buttons, checkboxes, dropdowns, menus, etc. and create wrapper components around these smaller components. And as you go on writing the higher level wrapper components, you will have a single root component and several hierarchical components. Now, here’s a no-brainer: each component in React has its own logic. So if you want to re-use the button componentthrough your app, you are good to go. I am pretty much confident everybody wants reusability in their project. It provides a unique Abstraction Layer: Another lesser- known business-related benefit with React is that it allows for a good abstraction layer, which means an end-user can’t
  • 3. International Journal of Trend in Scientific Research and Development (IJTSRD) @ www.ijtsrd.com eISSN: 2456-6470 @ IJTSRD | Unique Paper ID – IJTSRD42490 | Volume – 5 | Issue – 4 | May-June 2021 Page 1139 access the complex internals. Your developer only needs to be aware of some basics, and they'd be better off knowing the internal functionalities. Moreover, itdoesnotdictate any architectural patterns like MVC, MVP, and MVVM. Your developer is free to design an app’s architecture in any way he sees fit. It’s well established with a vibrant ecosystem of Developer tools: React consists of a rich and vibrant ecosystem. Developers can find dozens of ready-made and customizable charts, graphics, documentation tools, and other components that allow them to build a web app in less time without reinventing the wheel. There’s this awesome collection of Reactjs dev tools and tutorials that help developers to build awesome stuff. Single-page applications catering to multiple industries Reactjs can be used to build a Single page application catering to any industry. A single-page app is different from the traditional multi-page app that you see everywhere. When a user navigates on a SPA, he will keep interacting with the same page without interacting with anentirelynew page. Instead, the web pages (also known as views in this context) typically load inline within the same page itself. An app like Trello is the best example of single page navigation. Technically, such a type of navigation can be implemented by a technique called routing. The good news is: React offers a library called React-router, which provides routing capabilities in SPAs. Cross-platform Mobile Apps (React Native) Using Reactjs in your project comes with a bonus: React Native. Yes, you can build cross-platform apps for Android and iOS using React Native. For instance, suppose you have built a website for your bakery business. After some-time, you can also build a mobile app using React Native tosupportit.Ofcourse,you or your developer will not be able to re-use the same code you wrote for the web. Better still, you will be able to use the same architecture and methodology for building the mobile app. Sounds cool, doesn’t it? Where else should you use Reactjs? The list is endless, but here’s a taste of some example web apps where you can use Reactjs: Blogs (Gatsby) Business websites Portfolios Forums Rating websites Membership sites eLearning modules Galleries Personal websites for self-promotion Job boards Business directories Q&A websites like Quora Non-profit websites for collecting donations Wikis and knowledge bases Media-centric sites like YouTube Auction and coupon sites Conclusion Reactjs is an excellent addition to the projects that need component reusability, impressive user interactions, or crazy animations. That said, it’s a robust UI library to build projects that cater to small, medium, and even large-scale organizations. That’swhyso manycompaniesrelyheavilyon React for their long-termbusinessgoals.ConsideringReactjs pros and cons, it can be easily summed up in three words: non-risky, responsive and advanced. The main idea behind this particular library is: “to build large-scale applications with data that changes repeatedly over time” and it tackles the challenge well. It provides developers with the capability of working with a virtual browser (DOM) that is much faster and user-friendly, than the real one. Apart from that, it offers the easier creation of interactive UIs, JSX support, component-based structure and much more. The combination of the above-mentioned factors makes it a reasonable choice for both startups and enterprises. References: [1] https://en.wikipedia.org/wiki/React_(JavaScript_libr ary) [2] https://reactjs.org/ [3] https://www.simform.com/why-use-react/