Angular-Architektur
Smart vs presentational components, feature modules, core modules, shared modules, Monorepo mit Nx, Ordnerstruktur
1Was ist der Hauptunterschied zwischen einer Smart Component und einer Presentational Component?
Was ist der Hauptunterschied zwischen einer Smart Component und einer Presentational Component?
Antwort
Smart Components (oder Container Components) verwalten Geschäftslogik, API-Aufrufe und Anwendungszustand über Services oder State Management. Presentational Components konzentrieren sich ausschließlich auf die Darstellung und erhalten ihre Daten über @Input, wobei sie Events über @Output ausgeben. Diese Trennung verbessert die Testbarkeit und Wiederverwendbarkeit der Komponenten.
2Was ist der Hauptvorteil der Verwendung von Presentational Components?
Was ist der Hauptvorteil der Verwendung von Presentational Components?
Antwort
Presentational Components sind hochgradig wiederverwendbar, da sie nicht von Services oder spezifischer Geschäftslogik abhängen. Sie erhalten alle Daten über @Input und kommunizieren über @Output, was sie mit gemockten Daten leicht testbar und in verschiedenen Kontexten wiederverwendbar macht. Dieser Ansatz fördert auch die Verwendung der OnPush-Strategie zur Leistungsoptimierung.
3Was ist ein Feature Module in Angular?
Was ist ein Feature Module in Angular?
Antwort
Ein Feature Module ist ein Angular-Modul, das eine spezifische Geschäftsfunktion der Anwendung kapselt (Beispiel: Benutzerverwaltung, Warenkorb). Es enthält alle Komponenten, Services, Direktiven und Pipes, die für diese Funktion benötigt werden. Feature Modules können lazy geladen werden, um die Leistung zu verbessern, und fördern eine skalierbare modulare Architektur.
Welche Rolle spielt ein Core Module in einer Angular-Architektur?
Warum sollte das Core Module nur einmal in AppModule importiert werden?
+19 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Standalone Components
Angular Unit-Tests
End-to-End-Testing
Build und Optimierung
NgRx-Grundlagen
NgRx Fortgeschritten
Performance-Optimierung
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten