Angular - Reactive Angular mit NgRx

Seminarziel

Nach dieser Veranstaltung sind Ihnen die Prinzipen von Redux und ihr Einsatz in Angular mit Hilfe von NgRx vertraut. Sie können Ihre Angular-App durch Store, State, Actions und Reducer reaktiv machen.

Inhalt

• Grundlagen - Flux und Redux
  • Flux-Pattern und Redux-Pattern
  • States und Stores, Dataflow und Immutability
• NgRx bringt Redux nach Angular
  • NgRx zu Angular hinzufügen
  • Überblick über die Pakete von NgRx
• Integration in dasAngular CLI
  • Das @ngrx/schematics-Paket
  • Generieren der Elemente reaktiver Apps mit dem CLI
  • Übersicht: Action, Container, Effect, Entity, Feature, Reducer, Store
• Store und Statemanagement
  • Stores mit @ngrx/store
  • Sideeffects mit @ngrx/effects
• Actions und Reducer
  • Pure Functions und Immutability
  • Actions und Reducer erstellen
• Die NgRx-Devtools
  • Integration des @ngrx/store-devtools-Pakets
  • Die Redux DevTools Extension für Chrome
  • App durchleuchten mit NgRx-Devtools
• Seiteneffekte im Griff - NgRx-Effects
  • @ngrx/effects hinzufügen
  • Registrieren von Sideeffects
  • Beispiel: Ajaxcalls mit Hilfe von Sideeffects
• States und Routing
  • Das @ngrx/router-store-Paket
  • Arbeiten mit dem RouterStore
  • RouterStates speichern, betrachten und serialisieren
  • Navigation über Dispatcher
• Test von NgRx-Apps
  • Test von Actions, Reducern, Seletors und Effects