ReactJS is a UI library for building self-contained components and allows developers to write modular and efficient code for user interfaces. It offers advantages such as scalability, performance, and portability but has disadvantages including a steep learning curve and potential challenges with documentation and state management. The document also outlines three major ways to create a ReactJS website: server-rendered, single-page applications, and frameworks.

1. Copyright Intellipaat. All rights reserved.

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

3. Copyright Intellipaat. All rights reserved.
What is ReactJS?

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

6. Copyright Intellipaat. All rights reserved.
ReactJS Advantages

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

11. Copyright Intellipaat. All rights reserved.
ReactJS Disadvantages

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

16. Copyright Intellipaat. All rights reserved.
Different Ways to build a website
in ReactJS

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

20. Copyright Intellipaat. All rights reserved.
Demo: ReactJS

21. Copyright IntelliPaat, All rights reserved

22. Copyright IntelliPaat, All rights reserved
Further Learning

23. Copyright Intellipaat. All rights reserved.
India: +91-7847955955
US: 1-800-216-8930 (TOLL FREE)
support@intellipaat.com
24/7 Chat with Our Course Advisor
sales@intellipaat.com