Platform freedom with Micro-frontends
summary
A new TypeScript framework called multiplying architecture packages micro-frontends as View + Envelope + Channel and uses envelope and envelope-bus to isolate context and pass messages so components render in divs (not iframes) across Web, VS Code, Chrome/GitHub extensions and a web app with minimal code changes. Runtime composition plus Webpack 5 module federation shares dependencies to eliminate duplicate React bundles; examples (to-do, ping‑pong, base64→PNG) run and the approach proves deployable across platforms.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 3:04Platform and distributions
- 6:19Monoliths to micro-frontends
- 9:12Architecture examples
- 11:24Integration strategies
- 14:56Runtime vs build-time trade-offs
- 18:53Requirements for multi-platform
- 20:16Multiplying architecture
- 23:29Implementing multiplying architecture
- 31:55Integration challenges and solutions
- 33:42Federated modules
- 35:06Achievements and future
related talks
31mMicro frontends and the multiverse of Frameworks
36mMicro Frontends in Action!
25mAdvanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
45mMicro Frontends in Action!
21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web Development
34mMicro Frontends
46mScaling Micro-Frontends with Custom Elements
57mMicro Frontends – a strive for fully verticalized systems