NgRx-Grundlagen
Store, Actions, Reducers, Selectors, Effects, State-Immutability, Redux-Pattern, NgRx DevTools
1Was ist NgRx Store in einer Angular-Anwendung?
Was ist NgRx Store in einer Angular-Anwendung?
Antwort
NgRx Store ist eine Implementierung des Redux-Patterns für Angular, basierend auf RxJS. Es bietet einen zentralisierten Container zur Verwaltung des globalen Anwendungszustands auf vorhersehbare und unveränderliche Weise. Der Store stellt ein Observable bereit, mit dem Komponenten Zustandsänderungen über Selectors abonnieren können.
2Was ist die Hauptaufgabe einer Action in NgRx?
Was ist die Hauptaufgabe einer Action in NgRx?
Antwort
Eine Action in NgRx ist ein einfaches Objekt, das ein in der Anwendung aufgetretenes Ereignis beschreibt. Sie muss eine 'type'-Eigenschaft (eindeutiger String) enthalten und optional eine 'payload' mit Daten. Actions sind der einzige Weg, Zustandsänderungen im Store über Reducers auszulösen.
3Wie erstellt man eine NgRx-Action mit der createAction-Funktion?
Wie erstellt man eine NgRx-Action mit der createAction-Funktion?
Antwort
Die createAction-Funktion ermöglicht das prägnante Erstellen typisierter Actions. Sie nimmt einen eindeutigen String-Typ als ersten Parameter und optional Eigenschaften über props<T>(). Dieser moderne Ansatz ersetzt Action-Klassen und bietet bessere Typinferenz mit TypeScript.
Was ist ein Reducer in NgRx?
Warum ist State-Immutability in NgRx essenziell?
+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 Fortgeschritten
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