NgRx Fortgeschritten
Entity Adapter, Feature States, Meta-Reducers, Router Store, Component Store, Effects-Patterns, Fehlerbehandlung
1Was ist die Hauptaufgabe von createEntityAdapter in NgRx?
Was ist die Hauptaufgabe von createEntityAdapter in NgRx?
Antwort
Der Entity Adapter generiert automatisch Reducers und Selectors zur Verwaltung normalisierter Entity-Sammlungen. Er bietet Methoden wie addOne, addMany, updateOne, removeOne, die die Manipulation von ID-indizierten Objekten erleichtern. Dies vermeidet das manuelle Schreiben von Sammlungsverwaltungslogik und gewährleistet einen normalisierten State für bessere Performance.
2Welche Datenstruktur verwendet der Entity Adapter zum Speichern von Entitäten?
Welche Datenstruktur verwendet der Entity Adapter zum Speichern von Entitäten?
Antwort
Der Entity Adapter speichert Entitäten in einem Objekt mit zwei Eigenschaften: ids (geordnetes Array von Identifikatoren) und entities (Key-Value-Dictionary für O(1)-Zugriff). Diese normalisierte Struktur vermeidet Duplikate, erleichtert Updates per ID und optimiert die Lookup-Performance. Das ids-Array behält die Anzeigereihenfolge bei.
3Wie spezifiziert man einen benutzerdefinierten Sortier-Comparator mit Entity Adapter?
Wie spezifiziert man einen benutzerdefinierten Sortier-Comparator mit Entity Adapter?
Antwort
Der Sort-Comparator wird über die sortComparer-Eigenschaft beim Erstellen des Adapters definiert. Diese Funktion vergleicht zwei Entitäten und gibt eine Zahl zurück (negativ, null oder positiv), um ihre Reihenfolge zu bestimmen. Wenn sortComparer auf false gesetzt ist, wird keine automatische Sortierung angewendet und ids behalten die Einfüge- oder Update-Reihenfolge bei.
Welche Entity-Adapter-Methode verwendet man, um mehrere Entitäten in einer einzigen Operation hinzuzufügen oder zu aktualisieren?
Welcher vordefinierte Entity-Adapter-Selector ruft alle Entitäten als Array ab?
+21 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
Angular-Architektur
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