Fearless Microfrontends: Angular and Native Federation in Action
summary
Claims a working Angular microfrontend demo that uses Native Federation and @angular-architects/native-federation to load remote pages and widgets, share a common bridge library, and route both statically and dynamically. Architecture introduces a microlith concept, message-broker publish/subscribe for cross-microfrontend communication, independent deployments per microfrontend, and a games+reviews app that actually loads remote home and admin bundles on demand. Notes complexity: DevOps, versioning and design overhead remain.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:30Micro frontends matter
- 3:38Microlith design pattern
- 10:53Native Federation with Angular
- 15:12Live micro frontend demo
- 23:07Code walkthrough
- 27:33Static vs dynamic federation
- 32:16Micro frontend pros and cons
- 35:37Q&A
related talks
31mMicro frontends and the multiverse of Frameworks
47mMicro Frontend, Module Federation with Manfred Steyer
22mFederated Angular - Why and How
21mAngular based Micro frontends with module federation
47mMicro Frontends Unmasked
30mFederated Angular: Micro Frontends with Module Federation
25mAdvanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
30mFederated Angular: Micro Frontends with Module Federation