Angular and DDD - A Wonderful Friendship?

@ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Angular and DDD A Wonderful
Friendship?

@ManfredSteyer Sharing Experience for Architectures BEST PRACTICES PATTERNS METHODOLOGY

@ManfredSteyer

@ManfredSteyer Manfred Steyer

@ManfredSteyer

@ManfredSteyer Strategic Design Tactical Design

@ManfredSteyer

@ManfredSteyer Example e-Procurement System

@ManfredSteyer Catalog Approval Specification Ordering Example Sub-Domains

@ManfredSteyer

@ManfredSteyer Workspace

@ManfredSteyer Advantages No version conflicts No burden with distributing libs

@ManfredSteyer Creating a Workspace npm install -g @angular/cli ng new
workspace cd workspace ng generate app my-app ng generate lib my-lib ng serve --project my-app ng build --project my-app

@ManfredSteyer Moving back and forth Npm Registry

@ManfredSteyer https://nrwl.io/nx

@ManfredSteyer Visualize Module Structure

@ManfredSteyer Creating a Workspace npm install -g @angular/cli npm init
nx-workspace myworkspace cd workspace ng generate app my-app ng generate lib my-lib ng serve --project my-app ng build --project my-app

@ManfredSteyer

@ManfredSteyer Catalog Ordering Shared Feature Feature Feature Feature Feature UI
UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util Enterprise Monorepo Patterns, Nrwl 2018: https://tinyurl.com/y2jjxld7 @ManfredSteyer Shared Kernel (if really needed) & other libs Smart Comp. Dumb Comp.

@ManfredSteyer Catalog Ordering Shared Feature API Feature Feature Feature Feature
UI UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util @ManfredSteyer

@ManfredSteyer Application Domain Model Infrastructure Isolate your domain! Domain e.
g. data access Use case specific facades, state management (optional) Entities, biz logic

@ManfredSteyer Alternatives to layering • e. g. Hexagonal Architecture, Clean
Architecture • Anyway: We need to restrict access b/w libraries

@ManfredSteyer DEMO

@ManfredSteyer • • • •

@ManfredSteyer

@ManfredSteyer Booking Boarding Shared Feature Feature Feature Feature Feature …
… … … … … … … … @ManfredSteyer Flight App Deployment Monolith

… … … … … … … … Booking App Boarding App Microfrontends

… … … … … … … … Booking App Boarding App Option 1: One Monorepo Monorepo

… … … … … … … … Booking App Boarding App Option 2: One Repo per Domain Publish shared libs seperately via npm Repository n Repository 2 Repository 1

@ManfredSteyer Free eBook ANGULARarchitects.io/book Updated for Module Federation and Alternatives

• • • • •

@ManfredSteyer

@ManfredSteyer d Slides & Examples Public: Frankfurt, Munich, Vienna In-House:
everywhere http://softwarearchitekt.at/workshops

Angular and DDD - A Wonderful Friendship?

Angular and DDD - A Wonderful Friendship?

Transcript

More Decks by Manfred Steyer

Featured