Beyond Micro Frontends: Frontend Moduliths for the Enterprise @SAG2021

# Example
https://github.com/manfredsteyer/nx-angular-demo.git

# Free eBook on Angular Architectures
https://www.angulararchitects.io/book

Transcript

1. @ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Beyond Micro Frontends: Frontend Moduliths for the Enterprise
2. @ManfredSteyer
3. @ManfredSteyer
4. @ManfredSteyer Booking App Booking App Check-in App Check-in App Boarding App Boarding App Luggage App Luggage App
5. @ManfredSteyer
6. @ManfredSteyer
7. @ManfredSteyer
8. @ManfredSteyer
9. @ManfredSteyer
10. @ManfredSteyer Manfred Steyer
11. @ManfredSteyer
12. @ManfredSteyer Booking App Booking App Check-in App Check-in App Boarding App Boarding App Luggage App Luggage App
13. @ManfredSteyer Shared Shared Booking Booking Boarding Boarding Repository n Repository 2 Repository 1 Strict Borders
14. @ManfredSteyer Shared Shared Booking Booking Boarding Boarding Repository n Repository 2 Repository 1 Strict Borders
15. @ManfredSteyer
16. @ManfredSteyer Shared Shared Booking Booking Boarding Boarding Published via npm: Pain! SPA: Download to the Client Version Mismatches?
17. @ManfredSteyer
18. @ManfredSteyer Monorepo Structure
19. @ManfredSteyer Everyone uses the latest versions No version conflicts Sharing Libs: Easy
20. @ManfredSteyer Npm Registry
21. @ManfredSteyer https://nrwl.io/nx
22. @ManfredSteyer Visualize Module Structure
23. @ManfredSteyer
24. @ManfredSteyer
25. @ManfredSteyer
26. @ManfredSteyer "booking": { "tags": ["domain:booking", "type:app"] }, "booking-feature-search": { "tags": ["domain:booking", "type:feature"] },
27. @ManfredSteyer "booking": { "tags": ["domain:booking", "type:app"] }, "booking-feature-search": { "tags": ["domain:booking", "type:feature"] },
28. @ManfredSteyer { "sourceTag": "domain:booking", "onlyDependOnLibsWithTags": ["domain:booking", "domain:shared"] }
29. @ManfredSteyer DEMO
30. @ManfredSteyer
31. @ManfredSteyer
32. @ManfredSteyer
33. @ManfredSteyer DEMO
34. @ManfredSteyer
35. @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 @ManfredSteyer Smart Comp. Dumb Comp.
36. @ManfredSteyer Automate
37. @ManfredSteyer Usage
38. @ManfredSteyer DEMO
39. @ManfredSteyer Free eBook ANGULARarchitects.io/book
40. @ManfredSteyer • • • •
41. @ManfredSteyer
42. @ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops