Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022

Transcript

1. @ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Beyond Micro Frontends: Frontend Moduliths for the Enterprise
2. @ManfredSteyer
3. @ManfredSteyer
4. @ManfredSteyer Booking App Check-in App Boarding App Luggage App
5. @ManfredSteyer
6. @ManfredSteyer
7. @ManfredSteyer
8. @ManfredSteyer
9. @ManfredSteyer
10. @ManfredSteyer Manfred Steyer
11. @ManfredSteyer
12. @ManfredSteyer Booking App Check-in App Boarding App Luggage App
13. @ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1 Strict Borders
14. @ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1 Strict Borders
15. @ManfredSteyer
16. @ManfredSteyer Shared Booking Boarding Published via npm: Pain! SPA: Download into the Browser 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 Smart, Fast and Extensible Build System https://nrwl.io/nx
22. @ManfredSteyer Visualize Module Structure
23. @ManfredSteyer
24. @ManfredSteyer
25. @ManfredSteyer
26. @ManfredSteyer { […] "tags": ["domain:booking", "type:app"] }
27. @ManfredSteyer { "sourceTag": "domain:booking", "onlyDependOnLibsWithTags": ["domain:booking", "domain:shared"] }
28. @ManfredSteyer DEMO
29. @ManfredSteyer
30. @ManfredSteyer
31. @ManfredSteyer
32. @ManfredSteyer
33. @ManfredSteyer Booking Boarding 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 @ManfredSteyer Smart Comp. Dumb Comp.
34. @ManfredSteyer
35. @ManfredSteyer Shared Booking Boarding Access Restrictions Separate Apps/ Builds/ Deployments Better Build Times !!!
36. @ManfredSteyer µFrontend SPA µFrontend SPA µFrontend SPA
37. @ManfredSteyer µService µFrontend µFrontend µFrontend Shell Webpack Module Federation
38. @ManfredSteyer Free eBook ANGULARarchitects.io/book
39. @ManfredSteyer • • •
40. @ManfredSteyer
41. @ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops