Скачать или смотреть Let's build together a microfrontends application combining multiple frameworks using Module Federat

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.