Shared State Across Micro-Frontends
Sharing Pinia stores, event bus via CustomEvent, URL as shared state.
The Shared State Challenge
Independent micro-frontends still need to coordinate: a login in one slice should update the header in another. But tight coupling defeats the point. The goal is loose, deliberate communication.
Avoid Implicit Global State
Dumping everything on window or a giant shared store recreates the monolith’s coupling. Prefer explicit, minimal contracts between slices so teams can evolve independently.
All lessons in this course
- Micro-Frontend Architecture Principles
- Webpack Module Federation with Vue
- Vite Federation Plugin
- Shared State Across Micro-Frontends