Beyond Micro Frontends: Moduliths with Nx

# Example with Nx and NgModule
https://github.com/manfredsteyer/nx-angular-demo.git

# Example with Nx and Standalone Components
https://github.com/manfredsteyer/sa-nx.git

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

Transcript

1. @ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Beyond Micro Frontends: Moduliths with Nx
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 Monorepo Structure
13. @ManfredSteyer Everyone uses the latest versions No version conflicts Sharing Libs: Easy
14. @ManfredSteyer https://nrwl.io/nx
15. @ManfredSteyer Visualize Module Structure
16. @ManfredSteyer DEMO
17. @ManfredSteyer
18. @ManfredSteyer
19. @ManfredSteyer
20. @ManfredSteyer "booking": { "tags": ["domain:booking", "type:app"] }, "booking-feature-search": { "tags": ["domain:booking", "type:feature"] },
21. @ManfredSteyer "booking": { "tags": ["domain:booking", "type:app"] }, "booking-feature-search": { "tags": ["domain:booking", "type:feature"] },
22. @ManfredSteyer { "sourceTag": "domain:booking", "onlyDependOnLibsWithTags": ["domain:booking", "domain:shared"] }
23. @ManfredSteyer DEMO
24. @ManfredSteyer
25. @ManfredSteyer
26. @ManfredSteyer
27. @ManfredSteyer
28. @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.
29. @ManfredSteyer
30. @ManfredSteyer Shared Shared Booking Booking Boarding Boarding Access Restrictions Separate Apps/ Builds/ Deployments Better Build Times !!!
31. @ManfredSteyer µService µFrontend µFrontend µFrontend Shell Webpack Module Federation
32. @ManfredSteyer Free eBook ANGULARarchitects.io/book
33. @ManfredSteyer • • • • •
34. @ManfredSteyer
35. @ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops