Ethiopian institute of Architecture and Building Construction

Pre-Engineering EiABC Program

Course Code EmTe1012

Section Number Year I Section 01
Course Title Introduction to emerging technology
Semester/Year 2/2023

Instructor Mr. Thomas Jemal

ASSIGNMENT No. 01

Assignment Title ANGULAR AND REACT

Submission Date July 06, 2023

No. Name ID Remark

1. RAMI MUZEMIL BADEBO UGR/2803/15

1.DEFINITION
Angular and React are two of the most popular JavaScript tools for frontend development. They’re both
powerful, well-supported, and actively developed by their respective communities.

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. It is a complete rewrite of AngularJS. Angular is used
for building complex applications for the web, mobile, or desktop. It has a component-based architecture
that allows developers to build reusable UI components. Angular has a steep learning curve but provides
more structure and consistency than React.

React is an open-source JavaScript library for building user interfaces or UI components. It is maintained
by Facebook and a community of individual developers and companies. React is used for building single-
page applications (SPAs) and mobile applications. React has a component-based architecture that allows
developers to build reusable UI components. React is easier to learn than Angular but provides less structure
than Angular.

Both frameworks have their pros and cons, so it depends on your project requirements which one you should
choose. If you want more structure and consistency in your project, then Angular is the way to go. If you
want more flexibility and ease of use, then React is the way to go.

2.ARCHITECTURE
Both Angular and React have component-based architecture. These components are reusable within other
components, making them endlessly recyclable. Notably, a component is a piece of a UI.

React follows a unidirectional data flow, whereas Angular follows a bidirectional data flow. React uses a
virtual DOM and does not interact directly with the DOM. Angular uses the real DOM and two-way data
binding.

Angular is more of a framework than a library, which means it has more built-in features and less
dependencies. React is a library that allows you to build UI components.
3.FUNCTUNALITY
Angular is a framework based on MVC, Typescript, and HTML. It offers more built-in tools and features,
but also more coding conventions. Angular is suitable for SPAs and large applications.

React is a library based on Virtual DOM, JavaScript, and JSX. It offers more flexibility and speed, but also
less pre-built support. React is suitable for mobile native and SPAs.

4.SUPPORT COMMUNITY
Both Angular and React have large communities that offer support to developers. They both have active
GitHub repositories with many contributors. Angular has a larger community than React, which means that
it has more resources available for developers.