L'idée derrière les microFrontends est de voir à un site Web ou à une application Web comme une composition de fonctionnalités appartenant à des équipes indépendantes. Chaque équipe a un domaine d'activité ou une mission distincte qui lui appartient et dans laquelle elle est spécialisée. Une équipe est cross functional et développe ses fonctionnalités de bout en bout, de la base de données à l'interface utilisateur.

Module Federation est une toute nouvelle technologie sortie dans la version 5 de webpack (le 10 octobre 2020). Au moment ou je crée ce cours Angular 11 lui ne supporte pas encore webpack 5, il n'est pas donc encore destiné à la production. mais heureusement nous pouvons l'expérimenter malgré tout, car on peut tout de meme le faire fonctionner avec Angular déjà aujourd'hui, Une fois qu'Angular CLI prend en charge Webpack 5, nous n'aurons plus besoin de ces solutions de contournement, mais nous disposerons d'un moyen plus simple pour tout cela. Néanmoins, étudier cette technologie déjà aujourd'hui nous donne une bonne idée de ce qui est possible prochainement.

Ce cours montre comment utiliser Webpack 5 (Module Federation) avec Angular CLI et le plugin @angular-architects/module-federation pour créer des microFrontends.

Le but est de créer un shell capable de charger un microFrontend compilé et déployé séparément.

La première partie sera plutôt théorique car elle expliquera les concepts nécessaire pour la compréhension du reste du cours.

Dans la deuxième et troisième partie on va implémenter notre premier shell et microFrontend, on verra comment créer, setup et configurer un shell et un microFrontend.

Dans la quatrième et dernière partie on va voir comment partager des libraries entres les différents projets (que ce soit le shell ou les microFrontends)