Micro-frontends Angular
Module federation, micro-frontend architecture, shared dependencies, deployment strategies, communication patterns
1Qu'est-ce qu'une architecture micro-frontend dans le contexte Angular ?
Qu'est-ce qu'une architecture micro-frontend dans le contexte Angular ?
Réponse
Une architecture micro-frontend découpe une application Angular monolithique en applications indépendantes plus petites, chacune développée et déployée séparément. Chaque micro-frontend peut avoir son propre repository, pipeline CI/CD et équipe dédiée. Module Federation de Webpack 5 est la technologie recommandée pour implémenter cette architecture dans Angular, permettant de charger dynamiquement du code depuis d'autres applications à runtime.
2Quel est le rôle de Module Federation dans une architecture micro-frontend Angular ?
Quel est le rôle de Module Federation dans une architecture micro-frontend Angular ?
Réponse
Module Federation permet de partager du code entre applications Angular à runtime sans rebuild. Chaque micro-frontend expose des modules (remotes) qui peuvent être consommés par d'autres applications (hosts). Cela évite la duplication de code, réduit la taille des bundles et permet des déploiements indépendants. Module Federation gère automatiquement le chargement asynchrone, la résolution des dépendances et le partage de bibliothèques communes comme Angular core.
3Quelle est la différence entre une application host et une application remote dans Module Federation ?
Quelle est la différence entre une application host et une application remote dans Module Federation ?
Réponse
L'application host consomme des modules exposés par les remotes. Elle configure les remotes dans son webpack.config et charge leurs modules dynamiquement. Une application remote expose des modules (components, services) pour être consommés par d'autres applications. Une même application peut être à la fois host et remote. Le host contrôle le shell de l'application (header, navigation, layout) tandis que les remotes fournissent les fonctionnalités métier.
Comment configurer Module Federation dans un projet Angular avec @angular-architects/module-federation ?
Pourquoi est-il important de configurer le shared scope dans Module Federation ?
+17 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
Fondamentaux Angular
Composants et cycle de vie
Services et Dependency Injection
Organisation des Modules Angular
Angular CLI
Directives et Pipes
Routing et Navigation
Formulaires réactifs
Formulaires template-driven
Fondamentaux RxJS
Opérateurs RxJS
HttpClient et API calls
Gestion d'état de base
Change Detection
Angular Signals
Standalone Components
Tests unitaires Angular
Tests end-to-end
Build et optimisation
Fondamentaux NgRx
NgRx avancé
Architecture Angular
Optimisation de performance
Sécurité et bonnes pratiques
Patterns RxJS avancés
Angular Universal et SSR
Maîtrise Angular pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement