in this slide i have brifely explain the concept of react and next js

1. REACT VS
NEXT JS
Umair Farooq
(20014119-016)
Husnain (20014119-
032)
Usama (20014119-029)
By umair farooq

2. REACT VS NEXT JS
Framework
2
library
 What is a framework and example?
A framework is therefore a set of tools and
modules that can be reused for various projects.
 What is a library and example?
A library is a collection of reusable, compiled,
and tested code that can facilitate the
automation or augmentation of application
functionalities.
By umair farooq

3. REACT VS NEXT JS
DEFINITION
REACT
• 1. React is a JavaScript library that builds
fast, interactive mobile and web
applications.
• 2. It is an open-source, reusable
component-based front-end library of
JavaScript.
• 3. React is a combination of HTML and
JavaScript.
• 4. It provides a robust and opinionated
way to build modern applications
Interface.
NEXT
• 1.Next js is an open-source web
framework created by Vercel.
• 2. Next js enables React-based web
applications with server-side rendering
and generating static websites.
• 3. In addition, next js offers additional
structure, features, and optimizations for
your application.
• 4. Next.js takes care of the tooling and
settings required for React Js.
By umair farooq 3

4. REACT VS NEXT JS
PERFORMANCE
REACT
• Just clint-side rendering is
supported by react which is
insufficient for creating high
performance application
NEXT
• Due to server-side rendering and
static application next applications
are incredibly speedy
4
By umair farooq

5. REACT VS NEXT JS
DOCUMENTATION
Solid and up to date
both for react and
next js
5
By umair farooq

6. REACT VS NEXT JS
SERVER-SIDE RENDERING
React offers on
support for Server-
Side Rendering and
requires more effort
Next support
different types of
incremental Static
generation
By umair farooq

7. React Community is
larger and growing
7
REACT VS NEXT JS
COMMUNITY
Next js community
is Small and
evolving
By umair farooq

8. Next js templates allow you
to configure files such as
babel
8
REACT VS NEXT JS
CONFIGURATION
React could offer better
support for configuration.
Unless you disconnect
from the standard Create
React App
By umair farooq

9. 9
REACT VS NEXT JS
MAINTENANCE-
DEVELOPMENT COST
React / Next js Optimized and
their developers release
Updates frequently. Both are
open source and free of cost
By umair farooq

10. React is extendible
and includes
feature like state
management
patterns
10
REACT VS NEXT JS
FEATURES
Next js has feature
such as static
export automatic
build size
optimization
By umair farooq

11. WHERE IT IS USED.
REACT
• Social Media platform
• Economy platform
• Media platform
• Online video streaming platform
• Saas tools
NEXT
• Ecommerce websites
• Marketing websites
• Landing pages
11
By umair farooq

12. FILE STRUCTURE
REACT NEXT
12
By umair farooq