Software Architecture Patterns for Angular Projects

Ali Zeynalli
3 min readJun 16, 2023
Photo by Sergi Ferrete on Unsplash

Different Software Architecture patterns are widely researched and applied in back-end development. Front-end, beside its relatively short history, lacks such kind of well-established techniques. Nevertheless, in last years with the growing popularity of different front-end frameworks like Angular, React etc. different architectural best practices are also developed. Let us have a look at some patterns that are inevitable part of nowadays’ front-end projects based on Angular Framework.

MVC (Model-View-Controller) was one the first patterns that was introduced decades ago, where you would try to split different concerns such as Presentation, Data Handling to different actors. Over time derivatives of MVC: MVP and MVVM are developed. Modern Front-End Development is greatly influenced by MVC (even from above mentioned successors…) and some points did not change. e.g. Separation of Concerns (SoC).

In computer science, SoC is a design principle for separating a computer program into distinct sections such that each section addresses a separate concern. A concern is a set of information that affects the code of a computer program.

SoC is the main trigger that following architecture patterns are initiated:

Modular Architecture — if we take Angular Framework as an example, we can see that…

--

--

Ali Zeynalli
Ali Zeynalli

Written by Ali Zeynalli

IT-Architect | BMW Group | M.Sc. Technical University of Berlin

No responses yet