# Angular Micro-Frontends (Angular)

> Module Federation, Micro-Frontend-Architektur, geteilte Abhängigkeiten, Deployment-Strategien, Kommunikationsmuster

- 20 Interview-Fragen
- Senior
- [Interview-Fragen: Angular](https://sharpskill.dev/de/technologies/angular/interviewfragen.md)

## 1. Was ist eine Micro-Frontend-Architektur im Angular-Kontext?

**Antwort**

Eine Micro-Frontend-Architektur teilt eine monolithische Angular-Anwendung in kleinere, unabhängige Anwendungen auf, die jeweils separat entwickelt und deployed werden. Jedes Micro-Frontend kann sein eigenes Repository, eine eigene CI/CD-Pipeline und ein dediziertes Team haben. Module Federation von Webpack 5 ist die empfohlene Technologie zur Implementierung dieser Architektur in Angular und ermöglicht das dynamische Laden von Code aus anderen Anwendungen zur Runtime.

## 2. Welche Rolle spielt Module Federation in einer Angular-Micro-Frontend-Architektur?

**Antwort**

Module Federation ermöglicht das Teilen von Code zwischen Angular-Anwendungen zur Runtime ohne Rebuild. Jedes Micro-Frontend stellt Module (Remotes) bereit, die von anderen Anwendungen (Hosts) konsumiert werden können. Dies vermeidet Code-Duplizierung, reduziert Bundle-Größen und ermöglicht unabhängige Deployments. Module Federation handhabt automatisch das asynchrone Laden, die Auflösung von Abhängigkeiten und das Teilen gemeinsamer Bibliotheken wie Angular Core.

## 3. Was ist der Unterschied zwischen einer Host-Anwendung und einer Remote-Anwendung in Module Federation?

**Antwort**

Die Host-Anwendung konsumiert Module, die von Remotes bereitgestellt werden. Sie konfiguriert Remotes in ihrer webpack.config und lädt deren Module dynamisch. Eine Remote-Anwendung stellt Module (Components, Services) bereit, um von anderen Anwendungen konsumiert zu werden. Dieselbe Anwendung kann sowohl Host als auch Remote sein. Der Host steuert die Anwendungs-Shell (Header, Navigation, Layout), während Remotes geschäftliche Funktionalitäten bereitstellen.

## 17 weitere Fragen verfügbar

- Wie konfiguriert man Module Federation in einem Angular-Projekt mit @angular-architects/module-federation?
- Warum ist es wichtig, den Shared Scope in Module Federation zu konfigurieren?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Angular-Interviewthemen

- [TypeScript-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-basics.md): 25 Fragen, Junior
- [TypeScript Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-advanced.md): 20 Fragen, Junior
- [Angular-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-fundamentals.md): 20 Fragen, Junior
- [Komponenten und Lebenszyklus](https://sharpskill.dev/de/technologies/angular/interviewfragen/components-lifecycle.md): 20 Fragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/de/technologies/angular/interviewfragen/services-dependency-injection.md): 20 Fragen, Junior
- [Angular-Modul-Organisation](https://sharpskill.dev/de/technologies/angular/interviewfragen/modules-organization.md): 22 Fragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-cli.md): 18 Fragen, Junior
- [Direktiven und Pipes](https://sharpskill.dev/de/technologies/angular/interviewfragen/directives-pipes.md): 22 Fragen, Mid-Level
- [Routing und Navigation](https://sharpskill.dev/de/technologies/angular/interviewfragen/routing-navigation.md): 24 Fragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-reactive.md): 26 Fragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-template-driven.md): 16 Fragen, Mid-Level
- [RxJS-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-fundamentals.md): 22 Fragen, Mid-Level
- [RxJS-Operatoren](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-operators.md): 24 Fragen, Mid-Level
- [HttpClient und API-Aufrufe](https://sharpskill.dev/de/technologies/angular/interviewfragen/http-client.md): 22 Fragen, Mid-Level
- [Grundlegende State-Verwaltung](https://sharpskill.dev/de/technologies/angular/interviewfragen/state-management-basics.md): 20 Fragen, Mid-Level
- [Change Detection](https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection.md): 20 Fragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-signals.md): 20 Fragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/de/technologies/angular/interviewfragen/standalone-components.md): 18 Fragen, Mid-Level
- [Angular Unit-Tests](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-unit.md): 22 Fragen, Mid-Level
- [End-to-End-Testing](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-e2e.md): 18 Fragen, Mid-Level
- [Build und Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization.md): 20 Fragen, Mid-Level
- [NgRx-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-fundamentals.md): 24 Fragen, Senior
- [NgRx Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-advanced.md): 24 Fragen, Senior
- [Angular-Architektur](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-architecture.md): 22 Fragen, Senior
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/performance-optimization.md): 22 Fragen, Senior
- [Sicherheit und Best Practices](https://sharpskill.dev/de/technologies/angular/interviewfragen/security-best-practices.md): 20 Fragen, Senior
- [Fortgeschrittene RxJS-Patterns](https://sharpskill.dev/de/technologies/angular/interviewfragen/advanced-rxjs-patterns.md): 22 Fragen, Senior
- [Angular Universal und SSR](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-universal-ssr.md): 20 Fragen, Senior

---

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