Sustainable Angular Architectures: Strategic Design with Nx Monorepos

15934fa2aa7b2ce21f091e9b7cffa856?s=47 Manfred Steyer
November 10, 2020
Programming
1
130

Sustainable Angular Architectures: Strategic Design with Nx Monorepos

Free eBook about this topic:
https://www.angulararchitects.io/book/

15934fa2aa7b2ce21f091e9b7cffa856?s=128

Manfred Steyer

November 10, 2020
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
57
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
100
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
78
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
170
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
150
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
56
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
190
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
140
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
200

Other Decks in Programming

See All in Programming
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
110
0227f6274b8a6cce078d7f8a91460c41?s=48 eminetto
4
350
79b0777f41898e4c9d75d9839d4cb476?s=48 1stship
0
120
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
140
53850955f15249a1a9dc49df6113e400?s=48 line_developers
5
1.5k
C0e29dade6ec33081689ac135a269b45?s=48 crgarridos
1
150
9f3a83db74bee75a64b5e6ed106a775c?s=48 twada
28
9.2k
Cc90ea0f1ad7a6770cab81c4ef151eee?s=48 yotahada3
0
990
9178046d79f7b01ec590297c019fdd56?s=48 nagworld
1
220
6154244654c5f07cdf7c09da61bfe55f?s=48 bcrikko
2
220
0eba807ea367a2b648480d20f52d3af3?s=48 haco
0
210
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
1.3k

Featured

See All Featured
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
29
3.3k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
192
8.4k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
346
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
260k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
773
190k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.2k

Transcript

  1. @ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Sustainable Angular Architectures: Strategic Design

    with Nx Monorepos

  2. @ManfredSteyer

  3. @ManfredSteyer

  4. @ManfredSteyer

  5. @ManfredSteyer Methodology for bridging the gap b/w requirements and architecture/

    design

  6. @ManfredSteyer Monolith? Flight System Flight System

  7. @ManfredSteyer Booking Booking Check-in Check-in Boarding Boarding Luggage Luggage Sub-Domains

  8. @ManfredSteyer

  9. @ManfredSteyer

  10. @ManfredSteyer Manfred Steyer

  11. @ManfredSteyer

  12. @ManfredSteyer Monorepo Structure

  13. @ManfredSteyer Advantages Everyone uses the latest versions No version conflicts

  14. @ManfredSteyer Two Flavors • Like Workspaces/Solutions in different IDEs Project

    Monorepo • E. g. used at Google or Facebook Company-wide Monorepo

  15. @ManfredSteyer Moving back and forth Npm Registry

  16. @ManfredSteyer Tooling & Generator https://nrwl.io/nx

  17. @ManfredSteyer Visualize Module Structure

  18. @ManfredSteyer Creating a Workspace with NX 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

  19. @ManfredSteyer

  20. @ManfredSteyer Booking Booking Boarding Boarding Shared Shared Feature Feature Feature

    Feature Feature Feature Feature Feature Feature Feature UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util Util Util Util Util Util Util Enterprise Monorepo Patterns, Nrwl 2018: https://tinyurl.com/y2jjxld7 @ManfredSteyer Smart Comp. Dumb Comp.

  21. @ManfredSteyer Booking Booking Boarding Boarding Shared Shared Feature Feature API

    API Feature Feature Feature Feature Feature Feature Feature Feature UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util Util Util Util Util Util Util @ManfredSteyer

  22. @ManfredSteyer Booking Booking Boarding Boarding Shared Shared Feature Feature API

    API Feature Feature Feature Feature Feature Feature Feature Feature UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util Util Util Util Util Util Util @ManfredSteyer

  23. @ManfredSteyer

  24. @ManfredSteyer • • •

  25. @ManfredSteyer

  26. @ManfredSteyer Distributed Cache 1) npm install @apployees-nx/level-task-runner -D 2) npm

    install mongodown -D 3) Configure @apployees-nx/level-task-runner in nx.json

  27. @ManfredSteyer

  28. @ManfredSteyer Works with Several Databases MongoDB Redis MySQL PostgreSQL …

  29. @ManfredSteyer Where‘s the Catch? Inofficial Solution Official Solution: Nx Cloud

    Nx Cloud: Far more possibilities

  30. @ManfredSteyer Free eBook https://ANGULARarchitects.io/book

  31. @ManfredSteyer

  32. • • •

  33. None

  34. @ManfredSteyer d Slides & Examples Public: Frankfurt, Munich, Vienna In-House:

    everywhere http://softwarearchitekt.at/workshops