Micro Frontends in Action!
summary
Claim: break frontend monoliths into vertical micro apps that deploy independently. Shows a working "outdoor events" container with remotes (search, book, layout) built with Webpack Module Federation, a create-microfrontend-app generator, and a runtime demo where a shopping cart increments via custom events and a header component updates successfully. Explains multi-framework support (React + Angular), sharing React as a singleton, the highest compatible version rule for resolving mismatched libs, and alternatives (localStorage, pubsub, shared state, API Gateway/GraphQL).
AI-written summary · about
chapters (12)
- 0:00Intro
- 1:18Micro Frontends
- 6:10Micro Frontend Definition
- 8:59Vertical Horizontal Split
- 9:53Integration Techniques
- 12:46Module Federation
- 15:27Version Management
- 17:02Creating a Micro Frontend
- 24:08Custom Events
- 26:01Demo
- 32:30API Gateway
- 34:04Rhino
related talks
45mMicro Frontends in Action!
31mMicro frontends and the multiverse of Frameworks
21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web Development
36mMicro Frontends - Breaking Monoliths
57mMicro Frontends – a strive for fully verticalized systems
47mMicro Frontends Unmasked
48mMicrofrontend Architecture – technical implementation.
01h 17mChallenges in Building Micro Front Ends