Talk

Let's build together a microfrontends application combining multiple frameworks using Module Federation
Conference (INTERMEDIATE level)
Room 9

Live coding demo of a Micro-Frontend application gathering modules in Angular, AngularJS, VueJS and React using the Module Federation plugin from Webpack 5.


The term Micro-Frontends first appeared in ThoughtWorks Technology Radar in late 2016. It extends the concepts of micro-services to the FrontEnd world.


Webpack is an open source bundler modules. Its main purpose is to bundle JavaScript, HTML, and CSS files for use in a browser.


In its version 5, Webpack brings a new plugin called Module Federation, this one allows to assemble "remote" files and modules which are exposed on another machine.


This plugin opens the door to a new way of making Micro-Frontends applications.

It makes it possible to cut, version, patch and deploy its application by "pieces", in order to reduce its overall complexity and facilitate its evolutions.

The multi-framework aspect makes it easier to migrate technical stacks by removing the constraint of a global migration carried out in one piece.


Sylvain Dedieu
Kaizen Solutions

Hi everyone ! 👋


I'm Sylvain from Grenoble in the French Alps 🏔️


I'm truly passionate about Web technologies, especially in the frontends and mobile areas. I had the chance to increase my level in those fields as a Senior Developer.

Inside my company named Kaizen Solutions, I evolve with this status within different teams and client.


As a trainer, I make and give trainings in Angular, AngularJS, Vue and Flutter.

Since 2019 I also have the chance to teach Angular and mobile development in the Grenoble University.


I also spend a lot of time to keep doing technology watch.

The rest of it is given to sport, family and food ! 🍔 😀