WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Jun 12, 2020

Sustainable Angular Architectures with Nx and Strategic Design

Manfred Steyer

Manfred Steyer reveals how to eliminate the dreaded frontend big ball of mud. Combine Domain-Driven Design with Nx workspaces to build sustainable, strictly bounded Angular architectures.

Pause
Mute Enter Fullscreen
#1 about 5 min

Building long-term Angular architectures with domain-driven design

Creating sustainable enterprise applications requires balancing design methodologies like domain-driven design with an experienced team logic.

#2 about 4 min

Applying strategic domain-driven design for sub-domains

Decomposing large codebases into isolated sub-domains prevents unintended side effects and tangled architectural logic.

#3 about 6 min

Managing scale and dependencies using mono repositories

Grouping isolated projects under a single workspace eliminates versioning conflicts and simplifies library distribution burdens.

#4 about 2 min

Enhancing Angular workspaces with native Nx capabilities

Adopting an Nx workspace over a standard Angular CLI environment enables advanced visual dependency graphing.

#5 about 5 min

Structuring Nx workspaces with domain and shared libraries

Dividing modules into features, utility components, and domain layers enforces clear application boundaries and code reuse.

#6 about 6 min

Enforcing architectural boundaries and module access restrictions

Implementing explicit boundary access rules avoids deep cyclic dependencies and prevents the shared kernel from mutating into a monolith.

#7 about 5 min

Managing domain logic using infrastructure and facade patterns

Separating domain models from APIs using a facade orchestrates use cases efficiently while paving a path to integrated state management.

#8 about 6 min

Exploring a domain-driven Nx workspace source code

Exposing only specific components via index files maintains strict interface stability while keeping implementation details internal.

#9 about 6 min

Visualizing dependencies and linting architectural module constraints

Adding tags to module configuration parameters powers custom linting rules that block illegal imports directly in continuous integration pipelines.

#10 about 4 min

Accelerating continuous integration builds with affected tools

Utilizing git diff insights enables developers to selectively build and test only the modified slices of an entire monorepo.

#11 about 6 min

Replacing Angular modules with lightweight fine-grained libraries

Decomposing heavy logic into granular libraries yields superior caching boundaries while moving away from traditional Angular module patterns.

Matching moments

2:53 min

Managing enterprise monorepos using Nx tooling features

Florian Rappl · WWC 2022

7:50 min

Debunking common misconceptions about the Nx ecosystem

Miroslav Jonas · JS Congress

4:42 min

Evaluating the long-term trajectory of the Angular framework

Sani Yusuf · JS Congress

2:54 min

Fundamental architecture and modules in Angular applications

Indu Chaube · LIVE

8:14 min

Restructuring the monolith using domain-driven design

Jens Happe Jens Happe · LIVE

1:22 min

Structuring engineering teams around domain bounded contexts

Tom George · LIVE

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi
Open session

World Congress 2026 North America

From Cloud Native to Multi-Cloud Native: Write Once, Deploy Anywhere

Sandeep Pal

Principal Member of Technical Staff at Salesforce

Sandeep Pal
Open session

World Congress 2026 North America

AI ROI: The Hard Unit Economics of AI-Native Engineering

Manu Gurudatha

Manu Gurudatha, VP of Engineering at PagerDuty

Manu Gurudatha
Open session

World Congress 2026 North America

DeepAgents: Build Multi-Agent AI Systems That Actually Work

Anagha Rumade, Anjana Umapathy, Apoorva Jaiswal

Anagha Rumade
Anjana Umapathy
Apoorva Jaiswal

Related videos

Stairway to Heaven - Scaling Frontends the Right Way thumbnail
40:05
WWC 2022 • about 4 years ago

Stairway to Heaven - Scaling Frontends the Right Way

Florian Rappl

Nx - the easy choice thumbnail
45:39
JS Congress • over 4 years ago

Nx - the easy choice

Miroslav Jonas

Angular Unleashed: Mastering Modern Web Development with Angular thumbnail
58:56
LIVE • almost 3 years ago

Angular Unleashed: Mastering Modern Web Development with Angular

Indu Chaube

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned thumbnail
28:13
WWC 2022 • about 4 years ago

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned

Nathalia Rus

The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems thumbnail
20:49
Europe 2026 Virtual • about 1 month ago

The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems

Ana Gil Amor

Angular Features You Should be Using thumbnail
36:22
WWC 2021 • about 5 years ago

Angular Features You Should be Using

Sani Yusuf

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.