REACT & ANGULAR

LANGUAGE
Presented by: Group 11
Overview
React Intro
Advantages
Our Services
Next Project
Strategy
Experience
Evaluation
Clients
Projects
Project Timeline
 REACT ORIGIN

The React. js framework is an open-source

JavaScript framework and library
developed by Facebook. It's used for
building interactive user interfaces and
web applications quickly and efficiently
with significantly less code than you would
with vanilla JavaScript.
 WHAT IS REACT?
React is a JavaScript library for building
user interfaces, created by Facebook. It
was first released in May 2013, and it’s
maintained by a community of developers
and corporations. React allows developers
to create large web applications that use
data and can change over time without
reloading the page.
 Advantages of React
It is declarative: In react the DOM is declarative. We can make
interactive UIs by changing the state of the component and React
takes care of updating the DOM according to it. This means we never
interact with DOM. Hence, it makes it easier to design UI and debug
them. We can just change the program’s state and see how the UI will
look at that particular time.

Write once, learn anywhere: We can develop new features in React

without re-writing the existing code. It can also render on the server
using Node and power mobile apps using React Native. So we can
create IOS, Android, and Web applications simultaneously.
 Advantages of React
It is simple: The component-based approach, automatic rendering,
and use of just plain JavaScript make React very simple to learn, build
a web (and mobile applications), and support it. We can mix Javascript
and HTML together to create a special syntax called JSX which makes
it easier to grasp and work with it.

SEO friendly: SEO is about making it easier for developers to find the
right content for the user. When a user makes a search, search engines
platforms like Google, Yahoo, Bing or 5 Baidu try to find which page is
the most relevant to that specific search. React affects the SEO by
giving you a SPA (Single Page Application) which requires Javascript
to show the content on the page which can then be rendered and
indexed.
 Disadvantages of React
Lack of Proper Documentation: There are a lot of tools and libraries
like Redux and Reflux that can boost the performance of React.
Even React itself is updated regularly. Unfortunately, that comes
with a downside. Some developers think that React technologies
are updating and accelerating so fast that there is no time to
document it or write proper instructions. Developers are left with
only sparse text guides that don’t cover the details.
Development Speed: While some people argue that React is
constantly being improved and making their jobs easier, it may still
be perceived as something negative. The reason for it is because
everything is constantly evolving, resulting in developers being
displeased by the need for constant relearning of processes or new
mechanics and some developers might not be comfortable with
keeping up with such a pace
ANGULAR
WEB

DEVLOPEMENT
 About Angular
Angular is a TypeScript-based, open-source
web application framework led by the
Angular Team at Google and by a community
of individuals and corporations. Angular is a
complete 2016 rewrite by the same team that
built AngularJS, which was released in
2010.Up until recently, the distinction
between Angular and AngularJS was
important, because these two frameworks
were largely incompatible. In January, 2022,
Google ended long-term support for
AngularJS and entirely discontinued it later in
April.
 Area of use Angular Single Page
Applications (SPAs)
Single Page Applications (SPAs):Angular is
well-suited for building SPAs where the entire
application runs within a single web page, and Web Applications
navigation between different views is handled
seamlessly without full page reloads.
Web Applications: Angular is commonly used to
develop web applications of different sizes and Progressive
complexities, from small personal projects to Web Apps
large-scale enterprise applications.
Progressive Web Apps (PWAs): Angular can be
used to create PWAs, which are web Mobile
Applications
applications that offer an app-like experience
on the web. PWAs can work offline, provide fast
loading times, and are responsive across Data Dashboards
various devices.
Area of use Angular
Mobile Applications
With the help of tools like Ionic, developers can use Angular to
build cross-platform mobile applications for iOS and Android.

Enterprise Applications
Angular is frequently used in the development of enterprise-level
applications, including customer relationship management (CRM)
systems, human resources management (HRM) software, and
project management tools.

E-commerce Platforms
Angular is employed in building e-commerce websites and
applications for managing product listings, shopping carts, and
checkout processes.
 Advantages of Angular
MVC Architecture implementation
Model-View-Controller architecture, not only attaches value to the framework when
creating a client-side app but also sets the foundation for the other features like data
binding and scopes.

Enhanced Design Architecture

Some of the large web applications contain a lot of components. Angular simplifies the
way of managing these components even if a new programmer joins the project after
the development process has already begun.

Modules
: A module is a mechanism that groups directives, components, pipes and services that are
related, in such a way that can be combined with other modules in order to create an application
The Angular-based app can be considered as a puzzle where each module is needed to be able
to see the full picture. T
Services and Dependency Injection
:A service or component might sometimes need other dependent services to complete
a task. A Dependency Injection design pattern is used in 12 order to fulfill these
dependencies
 Disadvantages of
Single Page Applications (SPAs)
Angular is well-suited for building SPAs where the entire application runs within a single
web page, and navigation between different views is handled seamlessly without full
page reloads

Limited SEO options

A major drawback of using Angular is the limited SEO options and poor accessibility for
search engine crawlers

Angular is verbose and complex

: A frequent complaint that you would hear from the Angular developers is the verbosity of the
instrument. And this problem hasn’t changed much since AngularJS.

Steep learning curve

If you onboard new developers who are familiar with JavaScript to use new Angular,
they would find it difficult as compared to React or Vue onboarding. This is because the
array of topics and aspects to be covered is quite large