Superpositioned Vue componentes with Module Federation
summary
Module Federation shares live JS between independently deployed apps and runs on Webpack, Vite, Rspack, ESBuild and Rollup; the runtime sees about 10 million downloads/week. Node support enables server-side federation and SSR composition with Nuxt/Next. Zephyr Cloud turns every build into a URL with build-as-deploy, uploading only changed hashed assets to S3 and enabling composition at request time (superposition) and sub-second DNS rollback. Demonstrations include an AI-platform sidebar of microfrontends and a Bad Apple demo loading frames as 30fps microfrontends that actually runs.
AI-written summary · about
chapters (15)
- 0:00Introduction and background
- 2:26Organizational dysfunction in big teams
- 3:09Microservices and Kubernetes evolution
- 4:33Frontend challenges and iframes
- 5:57Module Federation explained
- 7:41Module Federation adoption and scale
- 9:04Module Federation in SSR with Knox
- 10:52Deployment challenges with Module Federation
- 11:54Medusa and legacy solutions
- 12:57Zephyr Cloud introduction
- 14:47Zephyr Cloud deployment demo
- 16:51Superposition infrastructure concept
- 18:15AI platform built on Module Federation
- 20:21Bad Apple demo with micro frontends
- 22:26Conclusion and resources
related talks
25mShipping Federated React Applications
01h 02mWebpack 5 Module Federation
29mHow module federstion makes our life easier
25mBeyond Micro Frontends - Three Additional Things Module Federation Makes Possible
12mLet's Vue Like It's 1999
15mA comparison on Microfrontends composition techniques Module Federation
31mMicro frontends and the multiverse of Frameworks
55mModule Federation in 2024: Beyond Webpack