Micro-frontends enable scaling by splitting large applications into smaller parts managed by autonomous teams, with module federation providing the necessary runtime integration.
Module federation uses a host and remote model, where the host application uses dynamic imports to load exposed files from separately deployed remote applications.
Module federation handles version mismatches by default by selecting the highest compatible version, but can be configured with singletons or strict version checks for more control.
Dynamic federation allows loading micro-frontends without upfront configuration by using a helper function and the Webpack runtime API to dynamically construct routes.
Choosing between multiple repositories for strict decoupling or a mono-repository for easier code sharing involves trade-offs in dependency management and version control.
It is possible to integrate applications built with different frameworks like React or Vue by using a wrapper component to bootstrap them inside a host application.
A summary of advanced module federation techniques including version mismatch strategies, dynamic loading, repository structures, and multi-framework integration.
45:40Manfred Steyer
33:18Manfred Steyer
35:17Serg Hospodarets
40:05Florian Rappl
41:49Trishul Goel
43:20Josh Goldberg
47:05Luca Mezzalira
40:17Luca Mezzalira
.gif?w=240&auto=compress,format)
Jobs that call for the skills explored in this talk.
doinstruct Software GmbH
Berlin, Germany
norisk Group
München, Germany
Speech Processing Solutions
Vienna, Austria
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Saby New Compy
Bielefeld, Germany
tarent solutions GmbH