2. Copyright Intellipaat. All rights reserved.
01 What is ReactJS? 02 ReactJS Advantages
03 ReactJS Disadvantages 04
Different Ways to build a
website in ReactJS
Demo: ReactJS Website04
4. Copyright IntelliPaat, All rights reserved
What is ReactJS?
ReactJS is a UI Library that allows developers to build small self contained UI
Components which can be used to build the UI
5. Copyright IntelliPaat, All rights reserved
What is ReactJS?
ReactJS allows developers to write declarative code in JavaScript to efficiently piece
together the user interface
7. Copyright Intellipaat. All rights reserved.
ReactJS Advantages
ReactJS has Several advantages
Scalable
Compositional UI
Portable
Performant
ReactJS works well with all size of
applications as it is used in some of
the biggest web applications such as
Facebook, Instagram etc.
8. Copyright Intellipaat. All rights reserved.
ReactJS Advantages
ReactJS has Several advantages
Scalable
Compositional UI
Portable
Performant
Using ReactJS you can compose your
user interface using small reusable
components which can be modified
or even replaces if need be
9. Copyright Intellipaat. All rights reserved.
ReactJS Advantages
ReactJS has Several advantages
Scalable
Compositional UI
Portable
Performant
React Components are quite
portable can be moved from one
project to another as long as both of
them use reactjs
10. Copyright Intellipaat. All rights reserved.
ReactJS Advantages
ReactJS has Several advantages
Scalable
Compositional UI
Portable
Performant
ReactJS uses Virtual DOM instead of
the real browser DOM which gives it
a massive performance boost when
it comes to DOM manipulation
12. Copyright Intellipaat. All rights reserved.
ReactJS Disadvantages
ReactJS has a few disadvantages
Learning Curve
Documentation
JSX
State Management
ReactJS has a steep learning curve as
it requires a big shift in the mental
model of how we think about
building user interfaces
13. Copyright Intellipaat. All rights reserved.
ReactJS Disadvantages
ReactJS has a few disadvantages
Learning Curve
Documentation
JSX
State Management
ReactJS rolls out updates and new
features at a fast rate because of
which the documentation might not
always be present or good
14. Copyright Intellipaat. All rights reserved.
ReactJS Disadvantages
ReactJS has a few disadvantages
Learning Curve
Documentation
JSX
State Management
To work with react we need to learn
how to use JSX which can be a bit
difficult as it allows us to use HTML
like syntax in our JavaScript files
15. Copyright Intellipaat. All rights reserved.
ReactJS Disadvantages
ReactJS has a few disadvantages
Learning Curve
Documentation
JSX
State Management
Depending on how our application is
structured managing state and
sharing state between components
can be very difficult
17. Copyright IntelliPaat, All rights reserved
Different Ways to build a website in ReactJS
There are 3 major ways of creating a ReactJS Website
Server
Rendered
Single Page
Application
ReactJS
Framework
18. Copyright IntelliPaat, All rights reserved
Different Ways to build a website in ReactJS
There are 3 major ways of creating a ReactJS Website
Server
Rendered
Single Page
Application
ReactJS
Framework
19. Copyright IntelliPaat, All rights reserved
Different Ways to build a website in ReactJS
There are 3 major ways of creating a ReactJS Website
Server
Rendered
Single Page
Application
ReactJS
Framework