How to build scalable Angular application

Coding In depth
Coding In Depth
Published in
6 min readMay 27, 2020

--

Often we start building Angular application without any architectural consideration. Angular is a complete framework and provides features to build a large application. However, if we are not following architectural considerations. It often becomes bulky and less maintainable.

Photo by Marc-Olivier Jodoin on Unsplash

Project structure- Organize Codebase

Project structure is very important for the scalability of the Angular application. There is the standard structure of the Angular application. We should group folders in feature modules. We will discuss feature modules in more detail later part of the story. Bottom line is group folders based on features. Angular application folder should be grouped by logical units. i.e. Group users folder for all users. Product for product folder.

Root App Module
└── Product Module — feature Module
└── Other feature modules based on app functionality...├── Shared Module — feature Module└── environments — Logical Separation of concern

Use Feature modules — More structural code

When application grows feature modules provide less coupled modules. Feature modules provide clear boundaries between the components. You can group code based on…

--

--

Coding In depth
Coding In Depth

Writing about Angular, React, JavaScript, Java, C#, NodeJS, AWS, MongoDB, and Redis related articles. Please follow, clap stories to motivate us writing more!