Building a Multi-Framework Micro-Frontend App with Webpack5

on YouTube ↗32m

" summary

A live-coding demo shows how to build a micro-frontend application that composes modules written in Angular, AngularJS, Vue.js and React using Webpack 5’s Module Federation plugin. It explains how Module Federation lets apps load remote bundles to split, version, patch and deploy front-end pieces independently, and how multi-framework composition eases gradual migrations without a full rewrite.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:46Microservices vs micro-frontends
3. 3:33Webpack5 and Module Federation
4. 4:58Shell and microservices demo
5. 8:51Angular in shell
6. 11:58Vue.js via Web Components
7. 15:31React in shell
8. 19:07Routing between frameworks
9. 23:46Library sharing
10. 27:39Data sharing best practices
11. 29:29Conclusion

" related talks

• 51mBuilding a Micro-Frontend Application with Webpack 5 Module FederationSylvain Dedieu · Voxxed Days Luxembourg 2022
• 38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with AngularManfred Steyer · AngularNL 2020
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 01h 13mThe Microfrontend Revolution, module federation, Webpack 5Pavel Chertorogov · HolyJS 2020 Moscow
• 41mThe Microfrontend RevolutionManfred Steyer · angularday 2020
• 29mThe Micro Frontend Revolution: Webpack 5 Module Federation and AngularManfred Steyer · AngularUP Experience 2020
• 25mAdvanced Micro Frontends: Multi-Version and Multi-Framework ScenariosManfred Steyer · WeAreDevelopers World Congress 2025