Scribd
Upload
5 views13 pages

Angular and React Ashish

Uploaded by

pratz30237
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
5 views13 pages

Angular and React Ashish

Uploaded by

pratz30237
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

React and Angular

Scripts
IT Project
Ashish Kumar
Roll No.
XA
Angular Scripts
Company Google

Release Date 2010

Supported Language Javascript

Rendering Client/server side

Architecture Component Based

Data Binding Two way

DOM Real

Learning Curve Steep

Templating Typescript Files


React Scripts

Company Facebook/Meta

Release Date 2013

Supported Language Javascript

Rendering Client/server side

Architecture Component Based

Data Binding One way

DOM Virtual

Learning Curve Low


Packaging
The capability to run then deploy the code in the way you want.

Angular script offers


restricted ability React allows the developers
to do this and when you to
still go make use of Require.JS for
ahead with the process, it loading the pieces of code.
ends up Also, the library enables
looking like an assembly working with
code. solutions like webpack.
The Learning Curve

Angular comes with a very


complex lifecycle and for React comes with a low
you to master it, you will learning curve even
have to read, code, deal though it takes time for
with the un-intuitive developers to get use to
link and compile. one-way flow.
Model Complexity
Defined as the way you structure your data model by view

Angular is very sensitive.


which means that it
restricts you from React give you the option
using large models - an to choose without putting
outcome that comes with any performance penalty.
the advantage of
making the code simple
and testable.
Reusability of Code

Angular comes with a


series of
ready to use elements but
React lets you manage
it comes from more one
the code as you like
specific provider, so there
are priority collisions and
namespaces.
Templating

React is not as clear as


Angular is very clear.
Angular.
Templating

Angular Templating

React Templating
Advantages and disadvantages - Angular Script

Advantages Disadvantages

✓ Best community support available ✕ The absence of a clear manual and all-
inclusive extensive documentation
✓ Runs on all browsers, ensuring compatibility
✕ Steep learning curve for new users
✓ Includes off-the-rack tools and Bi-Directional
Data Binding ✕ Challenges in navigating the complex
environment
Advantages and disadvantages of React Script

Advantages Disadvantages

✓ Promotes the development of the machine readable ✕ Integrating ReactJS in the traditional MVC
programs framework like Rail requires configuration

✓ Offer the ability to compound the components in the


single compile-time file.
React v/s Angular
Thank You!
Ashish Kumar
XA
Roll No. 2

You might also like