The Microfrontend Revolution, module federation, Webpack 5

on YouTube ↗01h 13m

" summary

Discusses using Webpack 5’s Module Federation to implement micro-frontends: the talk explains how Module Federation lets one app dynamically import modules/components from another app deployed on a different server (like pulling a jQuery plugin from a CDN), solving deployment, build-time and dependency-duplication problems in large SPA teams. It also covers the design and engineering work by Zack Jackson and Tobias Koppers that enabled Module Federation as a practical standard for micro-frontends.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 3:00Big frontend problems
3. 10:22Microfrontends vs microservices
4. 17:28Microfrontend solutions
5. 30:30Module Federation in Webpack 5
6. 42:41Module Federation architecture
7. 55:54Module Federation in practice
8. 1:00:53Module Federation limitations
9. 1:03:01Q&A

" 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
• 41mThe Microfrontend RevolutionManfred Steyer · angularday 2020
• 01h 02mWebpack 5 Module FederationZack Jackson · CityJS Conference 2020
• 32mBuilding a Multi-Framework Micro-Frontend App with Webpack5Sylvain Dedieu · Devoxx France 2022
• 21mMicro Frontends Made Easy with Module FederationShashi Lo · Commit Your Code 2024
• 28mModule Federation: Theory vs PracticeMilan Holeš · FrontKon 2023
• 35mMicro Frontends with Module Federation, Angular and Azure Static Web AppsManfred Steyer · Global Azure Austria 2021