React und Redux
Classroom Schulung | Deutsch | Anspruch
Schulungsdauer: 2 Tage
Ziele
In dieser React und Redux Schulung lernen die Teilnehmer, wie Redux zur Verwaltung des Anwendungsstatus für React-Anwendungen einsetzen werden können. Es werden die Prinzipien, Konzepte und Ideen von Redux erklärt, demonstriert und von den Kursteilnehmern geübt.
Die Teilnehmer lernen, wie sie React-Komponenten mit einem Redux-Store verbinden können. Die Teilnehmer lernen, wie sie React mit GraphQL- oder REST-Diensten unter Verwendung von Redux Thunk, Redux Sagas oder Redux Observable verbinden können.
Der letzte halbe Tag des Kurses besteht aus einem Redux-Gruppenprojekt, bei dem die Teilnehmer eine Anwendung programmieren, ihr Projekt präsentieren und an einem Gruppen-Codereview teilnehmen, um die Beherrschung der Redux-Konzepte sicherzustellen. Hinweis: Einführende Inhalte zu Modern JavaScript, RxJS, React und GraphQL werden in diesem Kurs nicht behandelt.
Zielgruppe
React-Entwickler
Voraussetzungen
Besuch des Kurses Einführung in React oder vergleichbare Kenntnisse
Agenda
Überblick
- Redux Überblick
- Redux im Vergleich zu Flux
- Drei Prinzipien von Redux
- Immutable programmieren
Wesentliche Elemente
- Actions
- Reducers
- Store
React
- Container- und Präsentationskomponenten
- Redux mit einer React-Komponente verbinden
- React-Redux zur Einbindung von Redux in React
- Provider und React-Kontext
- bestehende React-Anwendung nach Redux migrieren
- Debugging mit der Redux Chrome Extension
Fortgeschrittenes Redux
- Arbeiten mit Multiple Reducers
- Kombinieren von Reducers
- Lazy Loading Reducers mit Code Splitting
- Redux-Middleware und Erstellen von benutzerdefinierter Middleware
- Funktionale Ansätze für Reducers
- Best Practices für die Verwaltung des Status
Redux und asynchrone Tasks
- Arbeiten mit asynchronen Aktionen
- Arbeiten mit REST oder GraphQL unter Verwendung der Fetch-API
- Orchestrierung von Seiteneffekten mit Thunk, Sagas oder Observables
Redux und Routing
- Integration von React Router mit React/Redux
- Konfiguration von Pfaden
- Arbeiten mit URL-Parametern
Ziele
In dieser React und Redux Schulung lernen die Teilnehmer, wie Redux zur Verwaltung des Anwendungsstatus für React-Anwendungen einsetzen werden können. Es werden die Prinzipien, Konzepte und Ideen von Redux erklärt, demonstriert und von den Kursteilnehmern geübt.
Die Teilnehmer lernen, wie sie React-Komponenten mit einem Redux-Store verbinden können. Die Teilnehmer lernen, wie sie React mit GraphQL- oder REST-Diensten unter Verwendung von Redux Thunk, Redux Sagas oder Redux Observable verbinden können.
Der letzte halbe Tag des Kurses besteht aus einem Redux-Gruppenprojekt, bei dem die Teilnehmer eine Anwendung programmieren, ihr Projekt präsentieren und an einem Gruppen-Codereview teilnehmen, um die Beherrschung der Redux-Konzepte sicherzustellen. Hinweis: Einführende Inhalte zu Modern JavaScript, RxJS, React und GraphQL werden in diesem Kurs nicht behandelt.
Zielgruppe
React-Entwickler
Voraussetzungen
Besuch des Kurses Einführung in React oder vergleichbare Kenntnisse
Agenda
Überblick
- Redux Überblick
- Redux im Vergleich zu Flux
- Drei Prinzipien von Redux
- Immutable programmieren
Wesentliche Elemente
- Actions
- Reducers
- Store
React
- Container- und Präsentationskomponenten
- Redux mit einer React-Komponente verbinden
- React-Redux zur Einbindung von Redux in React
- Provider und React-Kontext
- bestehende React-Anwendung nach Redux migrieren
- Debugging mit der Redux Chrome Extension
Fortgeschrittenes Redux
- Arbeiten mit Multiple Reducers
- Kombinieren von Reducers
- Lazy Loading Reducers mit Code Splitting
- Redux-Middleware und Erstellen von benutzerdefinierter Middleware
- Funktionale Ansätze für Reducers
- Best Practices für die Verwaltung des Status
Redux und asynchrone Tasks
- Arbeiten mit asynchronen Aktionen
- Arbeiten mit REST oder GraphQL unter Verwendung der Fetch-API
- Orchestrierung von Seiteneffekten mit Thunk, Sagas oder Observables
Redux und Routing
- Integration von React Router mit React/Redux
- Konfiguration von Pfaden
- Arbeiten mit URL-Parametern
