Powerduo Nx and Sheriff

This presentation shows how to combine Nx and Sheriff to simplify modularity and scalability for Angular applications.

Transcript

1. RainerHahnekamp Powerduo Nx and Sheriff Rainer Hahnekamp - 24. April 2024
2. RainerHahnekamp About Me... Professional NgRx https://www.youtube.com/ @RainerHahnekamp https://www.ng-news.com https://github.com/softarc-consulting/sheriff • Rainer Hahnekamp ANGULARarchitects.io • Developer / Trainer / Speaker Modern Spring for Angular @RainerHahnekamp
3. RainerHahnekamp Agenda 1. What is Nx? 2. Nx Quick Feature Run 3. Nx and Modules 4. Sheriff 5. Sheriff & Nx 6. Current Challenges: Barrel File / Tree Shaking / Code Splitting
4. RainerHahnekamp
5. RainerHahnekamp
6. RainerHahnekamp
7. RainerHahnekamp Nx Highlights 1. Tooling 2. Caching & Affected 3. Cloud 4. Visualization 5. Library Support
8. RainerHahnekamp Shared Forms Grid Error Handling Widgets Backend Middleware ... App Shell Domain (Holidays ) Domain (Customers) Domain (Bookings) Domain (Diary) Layer 1 - Domain modules
9. RainerHahnekamp Domain Feature (Container Cmp.) Data UI (Presentational Cmp.) Domain Models Layer 2 Sub Modules
10. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation
11. RainerHahnekamp
12. RainerHahnekamp
13. RainerHahnekamp
14. RainerHahnekamp
15. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules
16. RainerHahnekamp
17. RainerHahnekamp
18. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules • Lightweight
19. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules • Lightweight • Convention over Configuration
20. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules • Lightweight • Convention over Configuration • Zero Dependencies
21. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects
22. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects • (Heavily) Influenced by Nx
23. RainerHahnekamp Nx Pros & Cons ✅ Provides a set of exclusive Features ✅ Must-Have for certain application size ⛔ Diverging from the Angular CLI ⛔ Small Modules unfit as Libraries ⛔ Additional Layer ⛔ Not that stable as Angular CLI
24. RainerHahnekamp Domain Feature (Container Cmp.) UI (Presentational Cmp.) Domain Models Nx Lib Sheriff Module Data
25. RainerHahnekamp Application Evolution 1. Angular CLI or NX Standalone with Sheriff 2. Nx with Domain Libs (and Sheriff) 3. Nx with build-optimized Libs (and Sheriff)
26. RainerHahnekamp The Problem with the Barrel File…
27. RainerHahnekamp Thanks