Micro front end frameworks :
assembler des fronts autonomes
Les micro front end frameworks sont les outils qui permettent d'assembler, dans une même interface, plusieurs applications front développées et déployées séparément — Module Federation, single-spa et Piral en sont les plus connus.
Quand une interface devient trop grande pour une seule équipe, on cherche à la découper. Les micro front end frameworks sont les outils qui recollent les morceaux en une expérience fluide.
Le concept de micro front-end précède les outils ; cette page compare ceux qui le rendent possible.
Découper l’interface, c’est simple à imaginer ; la recoller proprement, c’est là que ces outils entrent en scène.
Les trois piliers
Module Federation (Webpack 5) expose du code à l’exécution — un menu ou un tableau de bord déployés ailleurs peuvent être consommés par le front principal. single-spa orchestre plusieurs applications (React, Angular, Vue) sur une même page. Piral repose sur un app shell central auquel se greffent des modules autonomes.
Ces architectures résolvent des problèmes d’organisation à grande échelle, mais les microservices appliqués au front-end et autres approches modulaires valent toute exploration. Pour un site classique, une application front bien construite reste plus simple.
À Gembloux, chez Scornidigital, on réserve ces outils aux organisations qui en ont vraiment besoin. Besoin de clarifier ? Demandez un devis ou appelez le 0476 07 23 28.
Notions liées.
Le réseau de notions autour de cette fiche — chaque entrée renvoie vers sa propre définition.
Qu'est-ce qu'un micro front-end ?
Le concept avant les outils : découper l'interface en morceaux.
Microservices côté front-end
L'idée des microservices appliquée à l'interface.
Frontend microservice
Un angle proche, centré sur un module d'interface isolé.
Angular micro frontend
La mise en œuvre concrète côté Angular, avec Module Federation.
Backstage, un front modulaire
Une plateforme qui repose sur un système d'interface par plugins.
Ce qu'on nous demande souvent.
Une question qui n'est pas ici ? Écrivez-nous : on répond en clair, sans jargon, sous 24 h.
Poser votre questionQu'est-ce qu'un micro front end framework ?
C'est un outil qui orchestre plusieurs applications front distinctes pour qu'elles cohabitent dans une seule page, comme si l'utilisateur naviguait dans un site unique. Chaque morceau — un menu, un tableau de bord, un panier — peut être développé par une équipe différente, avec sa propre technologie, et déployé de son côté.
Le framework gère le chargement, l'isolation et la communication entre ces morceaux.
Que fait Module Federation ?
Module Federation est une fonctionnalité de Webpack (reprise par d'autres bundlers) qui permet à une application de charger, à l'exécution, du code provenant d'une autre application. Concrètement, un front peut consommer un composant hébergé et déployé ailleurs sans le recompiler.
C'est aujourd'hui l'une des approches les plus répandues pour construire des micro-frontends, notamment dans l'écosystème Angular et React.
single-spa, c'est quoi ?
single-spa est un framework qui permet de faire cohabiter, sur une même page, plusieurs applications construites avec des technologies différentes — une partie en React, une autre en Angular, une autre en Vue. Il gère leur cycle de vie : quand chacune se charge, s'affiche et se retire.
Il répond bien aux situations de migration progressive ou de coexistence de plusieurs équipes.
Faut-il forcément un framework dédié ?
Non. Sur des cas simples, on peut assembler des fronts avec des iframes ou des Web Components standards, sans outil spécialisé.
Les frameworks dédiés deviennent utiles quand le partage de dépendances, la navigation commune et le déploiement indépendant se compliquent. La règle reste la même : n'ajoutez cette complexité que si la taille de l'organisation la justifie.
Quels sont les inconvénients ?
L'assemblage a un coût : dépendances dupliquées ou à synchroniser, chargement plus lourd, débogage réparti sur plusieurs applications, cohérence visuelle plus difficile à tenir. Un micro front end framework résout des problèmes d'organisation à grande échelle, mais il en crée sur le plan technique.
Pour un site ou une application de taille modeste, une seule application front reste presque toujours le meilleur choix.