Micro Frontends in React — a State of the Art Approach
summary
A quick decision checklist: past fixes use iframes and hyperlinks and a brownfield bank example shows that works but feels clunky; server-side composition via edge servers and tools like Podium reduces round trips; the surprising claim is that webpack module federation solves build time, server and client composition so one bundle strategy covers SSR and client hydration; practical stack notes name web components for polyglot teams, Next/Gatsby/Angular Universal for SSR and Nx for monorepo orchestration, and module federation actually runs on both server and client.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:40Backstory
- 1:56Banking Domain
- 3:10Sword
- 6:07Hyperlink
- 7:42Serverside Integration
- 8:40Podium
- 13:08Web Component Router
- 13:55First Meaningful Paint
- 19:32Conclusion
- 19:51Discussion
- 23:21Audience Questions
related talks
45mMicro Frontends in Action!
21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web Development
36mMicro Frontends in Action!
57mMicro Frontends – a strive for fully verticalized systems
01h 17mChallenges in Building Micro Front Ends
31mDecoupled, Not Disconnected: State and Sync in Micro-Frontends
46mScaling Micro-Frontends with Custom Elements
34mMicro Frontends