Member-only story

Universal Angular Architecture

16 min readFeb 25, 2020

🎙 ️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?

The Best Way To Architect Your Angular Libraries

The ideas presented in this article are based on extensive experience from large enterprise environment (100 Angular…

medium.com

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…

Fantastic article. I hope you can do one next time, where the features are separated into completely different project repositories and lazily loaded into the application via npm packages.

I think that would be the bee’s knees for a plugin/extensible architecture

Hi, nice article! But I’m a little confused, because of this sentence. In section about Shared Module you wrote that we could provide services for shared components by providedIn: ‘root’. Why would we not use it also for our core singleton services…

Universal Angular Architecture

The Best Way To Architect Your Angular Libraries

The ideas presented in this article are based on extensive experience from large enterprise environment (100 Angular…

Create an account to read the full story.

Written by Tomas Trajan

Responses (23)

More from Tomas Trajan

Top 10 Angular Architecture Mistakes You Really Want To Avoid

Angular keeps changing for better but the big picture remains the same which makes architecture know-how timeless & worth your time!

The Best Way To Architect Your Angular Libraries

The ideas presented in this article are based on extensive experience from large enterprise environment (100 Angular SPAs and 30+ libs )…

Custom input formatting with simple directives for Angular 2

How to implement custom reusable input formatters with help of Angular 2 directives to enable simple & flexible drop-in usage pattern

Total Guide To Custom Angular Schematics

Schematics are great! They enable us to achieve more in shorter amount of time! But most importantly, we can think less about mundane…

Recommended from Medium

Mastering Angular 18 Forms: Reactive vs. Template-Driven Approaches

Forms are a fundamental aspect of any web application, allowing users to input and submit data. Angular, being one of the most powerful and…

Your Angular App Needs a Smarter Back Button — Here’s How

ngx-navigate-back provides a lightweight way to track navigation history and enable a smooth “back” functionality within your Angular app.

Lists

General Coding Knowledge

Coding & Development

Tech & Tools

Stories to Help You Grow as a Software Developer

Exploring Angular 19’s New Resource API

Angular 19 has introduced an exciting new feature that’s set to revolutionize how we handle data fetching and state management: the…

Angular v16 is here!

Six months ago, we reached a significant milestone in Angular’s simplicity and developer experience by graduating the standalone APIs from…

Angular SDE2 Interview Questions: Part 8

36. What are Angular Lifecycles Hooks, and how do you use them effectively?

Developing Web Components with Angular 18 and Testing in React

Greetings, nice to be here. I was working on a project and I thought; wouldn’t it be nice to share this component with apps I’m writing in…