Let's build together a microfrontends application combining multiple frameworks using Module Federation
Conference (INTERMEDIATE level)
Room 9
Score 0.50
Score 0.51
Score 0.52
Score 0.52
The match becomes increasingly accurate as the similarity score approaches zero.

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 ! 🍔 😀