Building a Micro-Frontend Application with Webpack 5 Module Federation
summary
Shows how to build a multi-framework micro-frontend application using Webpack 5 Module Federation. Covers using Module Federation to share and load modules across independently built front-end apps, demonstrating configuration and integration with different frameworks.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 7:29Micro-frontend principle
- 11:40When to use Module Federation
- 12:02Demo overview
- 16:15Sales app config
- 18:46Shell integration
- 21:39Adding Vue.js app
- 28:45Vue component integration
- 31:42Adding React apps
- 33:27Final demo result
- 36:44Micro-frontend communication
- 42:23Angular 14 migration
- 45:15Conclusion
related talks
32mBuilding a Multi-Framework Micro-Frontend App with Webpack5
01h 13mThe Microfrontend Revolution, module federation, Webpack 5
01h 02mWebpack 5 Module Federation
28mModule Federation: Theory vs Practice
31mModule Federation in Webpack 5
58mHow to Prepare Production with Webpack 5 Module Federation
35mMicro Frontends with Module Federation, Angular and Azure Static Web Apps
38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with Angular