Universal Angular Architecture

Tomas Trajan
16 min readFeb 25, 2020
Original photo by Grant Lemons

🎙 ️EDIT: Check out Angular Air episode where I walk about the concepts discussed in this article with amazing Justin Schwartzenberger, Alyssa Nicoll and Bonnie @bonnster75 ! 🎙️ 🎉🎉🎉

EDIT: (15.9.2020) Wanna learn about Angular Library Architecture?

In this article we are going to learn how to scaffold new Angular application with clean, maintainable and extendable architecture in almost no time and what are the benefits of doing so. Besides many actionable tips, we’ll also discuss guidelines about where we should implement most common things like reusable services, feature specific components and others…

For the last year and a half I have been consulting for a huge Swiss insurance enterprise organisation with more than 90 Angular apps. Yes, ninety, crazy, but also cool!

🤫 Wanna know how we can manage such a large environment without going full crazy 😵 Check out Omniboard!😉

💎 This article brings together all the lessons learned in a distilled cleaned up form for you to cut down your learning curve and help you make your Angular SPAs epic!

The Creation

In the beginning there was CLI and not just any CLI, it was an Angular CLI and it was good

As of now (February 2020) the current Angular version is 9 and I would strongly recommenced to create new apps using that version (or any later versions) and start using goodies like IVY or --strict flag right from the beginning!

TIP: Check your currently installed @angular/cli version by running ng --version in your command line and update it using npm i -g @angular/cli@latest if necessary!

Tomas Trajan

👋 I build, teach, write & speak about #Angular & #NgRx for enterprises 👨‍💻 Google Developer Expert #GDE 👨‍🏫 @AngularZurich meetup co-organizer