# Micro-frontends Angular (Angular)

> Module federation, micro-frontend architecture, shared dependencies, deployment strategies, communication patterns

- 20 questions d'entretien
- Senior
- [Questions d'entretien: Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 17 questions supplémentaires disponibles

- 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 ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien Angular

- [Les bases de TypeScript](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-basics.md): 25 questions, Junior
- [TypeScript avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-advanced.md): 20 questions, Junior
- [Fondamentaux Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-fundamentals.md): 20 questions, Junior
- [Composants et cycle de vie](https://sharpskill.dev/fr/technologies/angular/questions-entretien/components-lifecycle.md): 20 questions, Junior
- [Services et Dependency Injection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/services-dependency-injection.md): 20 questions, Junior
- [Organisation des Modules Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/modules-organization.md): 22 questions, Confirmé
- [Angular CLI](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-cli.md): 18 questions, Junior
- [Directives et Pipes](https://sharpskill.dev/fr/technologies/angular/questions-entretien/directives-pipes.md): 22 questions, Confirmé
- [Routing et Navigation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/routing-navigation.md): 24 questions, Confirmé
- [Formulaires réactifs](https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-reactive.md): 26 questions, Confirmé
- [Formulaires template-driven](https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-template-driven.md): 16 questions, Confirmé
- [Fondamentaux RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-fundamentals.md): 22 questions, Confirmé
- [Opérateurs RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-operators.md): 24 questions, Confirmé
- [HttpClient et API calls](https://sharpskill.dev/fr/technologies/angular/questions-entretien/http-client.md): 22 questions, Confirmé
- [Gestion d'état de base](https://sharpskill.dev/fr/technologies/angular/questions-entretien/state-management-basics.md): 20 questions, Confirmé
- [Change Detection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/change-detection.md): 20 questions, Confirmé
- [Angular Signals](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-signals.md): 20 questions, Confirmé
- [Standalone Components](https://sharpskill.dev/fr/technologies/angular/questions-entretien/standalone-components.md): 18 questions, Confirmé
- [Tests unitaires Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-unit.md): 22 questions, Confirmé
- [Tests end-to-end](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-e2e.md): 18 questions, Confirmé
- [Build et optimisation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/build-optimization.md): 20 questions, Confirmé
- [Fondamentaux NgRx](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-fundamentals.md): 24 questions, Senior
- [NgRx avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-advanced.md): 24 questions, Senior
- [Architecture Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-architecture.md): 22 questions, Senior
- [Optimisation de performance](https://sharpskill.dev/fr/technologies/angular/questions-entretien/performance-optimization.md): 22 questions, Senior
- [Sécurité et bonnes pratiques](https://sharpskill.dev/fr/technologies/angular/questions-entretien/security-best-practices.md): 20 questions, Senior
- [Patterns RxJS avancés](https://sharpskill.dev/fr/technologies/angular/questions-entretien/advanced-rxjs-patterns.md): 22 questions, Senior
- [Angular Universal et SSR](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-universal-ssr.md): 20 questions, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/fr/technologies/angular/questions-entretien/micro-frontends-angular