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