Le mercredi 4 septembre, Adam et Tristan, Ingénieurs en études et développement chez Elosi, ont animé l’Aper’Ops #30 sur les micro-fronts JS. Lors de cette soirée, ils ont abordé les aspects liés au fonctionnement, aux avantages et aux inconvénients de ces fonctionnalités. 
Intéressé par cette thématique ? Ou tout simplement curieux ? Vous êtes au bon endroit !

Qu’est ce que les micro-fronts JS ?

Les micro-fronts JS, c’est repenser un site web comme un ensemble de fonctionnalités indépendantes, développées de bout en bout par une équipe, depuis la gestion de bases de données jusqu’à l’interface utilisateur.
Chaque micro-fronts JS est une unité autonome qui gère une partie spécifique de l’interface utilisateur et de la logique métier de l’application.

Ils favorisent la modularité, l’indépendance et la flexibilité dans le développement d’applications web front-end, où chaque composant de l’interface utilisateur est développé, déployé et géré de manière indépendante.

Les avantages et inconvénients des micro-fronts

Cette approche offre plusieurs avantages, notamment :

• Ils collent avec une organisation verticale ;
• Le code est simple et découplé ;
• Résilience / disponibilité ;
• Le déploiement est indépendant ;
• Cloud ready ;
• Cela permet une finesse sur la gestion de charge, certains composants sont plus importants que d’autres (80/20) ; 
• TTM. 

Mais ils peuvent avoir certains inconvénients comme :

• Les dépendances CSS/JS qui peuvent être redondantes (poids de page) ; 
• Coût/infrastructure plus étendue (50 micro-fronts VS un gros déploiement) ;
• Mise en place CI/CD ;
• Gestion de plusieurs runtime JS ;
• Challenges sur la communication inter micro-fronts ;
• Pluralité sur la codebase ;
• Stateless obligatoire ; 
• Organisation.

Pour retrouver l’intégralité du replay, rendez-vous sur notre chaîne YouTube ! 

Vous souhaitez en savoir davantage sur les micro-fronts JS, vous avez besoin d’être accompagné sur l’un de vos projets ? N’hésitez pas à nous contacter !