Durchführungsgarantie
Jede Schulung findet statt: maximale Planungssicherheit für Ihr Team.
3 Tage | Nächster Termin am 09. - 11.02.2026 | Bundesweit oder Live-Online
5.0 / 20 Bewertungen | 575 zufriedene Teilnehmende
-
Wenn React-Anwendungen wachsen, stoßen einfache lokale States und Ad-hoc-Routing schnell an ihre Grenzen: mehrere Layouts, viele Views, Login-Bereiche, Spracheinstellungen, API-Calls und ein globaler Anwendungszustand, der überall gebraucht wird. Genau hier setzt diese Schulung an.
Sie bauen eine realistische Single-Page-Anwendung Schritt für Schritt aus:
- Zuerst strukturieren Sie den globalen State mit Redux und lernen, wie Actions, Reducer, Selectors und Middleware zusammenspielen – bevorzugt mit Redux Toolkit und modernen Patterns.
- Mit React Router realisieren Sie eine echte Mehrseiten-Navigation mit öffentlichen und geschützten Bereichen, Parametern in URLs und sinnvollen Redirects.
- Über API-Calls binden Sie Backend-Daten an, kümmern sich um Fehlerfälle, Logging und Internationalisierung (z. B. mit react-i18next) und lernen, wie Sie Ihre App mit Vite & Co. effizient bauen.
Zum Abschluss machen Sie die Anwendung mit Unit- und End-to-End-Tests robust und integrieren sie in einen Continuous-Integration-Workflow.
Use Case: Dashboard-Anwendung mit Login, Rollen & Mehrsprachigkeit
Als roter Faden begleitet Sie eine Dashboard-Anwendung für interne Business-User:
- Nutzer melden sich an und sehen je nach Rolle unterschiedliche Bereiche.
- Daten werden über eine REST-API geladen, gefiltert und in verschiedenen Views angezeigt.
- Teile der App sind nur für eingeloggte Nutzerinnen und Nutzer zugänglich (Private Routes).
Im Kurs setzen Sie u. a. um:
- Globales State Management für Authentifizierung, UI- und Fachdaten
- Routing-Struktur mit verschachtelten Routen, Parametern & Lazy Loading
- Fehlerbehandlung & Error Boundaries, Logging und ein einfaches Monitoring-Konzept
- Tests auf Component-Ebene (Jest & React Testing Library) und End-to-End-Tests mit Cypress/Puppeteer
Nach dem Seminar können Sie komplexere React-Apps planen und umsetzen, Redux bewusst einsetzen, sauberes Routing designen und mit Tests & CI die Qualität Ihrer Anwendungen nachhaltig absichern.
Zielgruppe:
Erfahrene React Entwicklerinnnen und Entwickler
-
Kursinhalte
Application State Management mit React & Redux
- Wann globales State Management sinnvoll ist und welche Alternativen es gibt
- Redux-Grundbausteine: Action Types, Actions, Reducer, Selectors und combineReducers
- Einsatz der Redux DevTools zur Analyse von State-Änderungen
- Asynchrone Abläufe mit Redux Thunk und modernen Ansätzen wie Redux Toolkit
- Immutable State in der Praxis, z. B. mit Immer
- Eigene Redux-Middleware für Querschnittsfunktionen (Logging, Tracking, API-Aufrufe)
- Integration von Redux in React-Komponenten und Nutzung von Hooks für den Zugriff auf den Store
Routing mit React Router
- Architektur einer Single-Page-Anwendung mit React Router
- Konfiguration von BrowserRouter und weiteren Router-Varianten
- Öffentliche und geschützte Bereiche umsetzen (Private Routes)
- Umleitungen, Fallback-Seiten und Fehler-Routen modellieren
- Umgang mit Routenparametern, Query-Parametern und verschachtelten Routen
- Code-Splitting und Lazy Loading von Routen zur Optimierung der Performance
Erweiterte React-Themen: Fehler, Logging & Internationalisierung
- Fehlerbehandlung in React-Komponenten mit Error Boundaries
- Konzept für Logging in React-Anwendungen (z. B. Client-Fehler, API-Fehler, Nutzeraktionen)
- Mehrsprachige Oberflächen mit react-i18next und i18n-Konfiguration
- Strukturierung der Übersetzungsdateien und Umgang mit dynamischen Texten
- Überblick über UI-Bibliotheken im React-Ökosystem und sinnvolle Einsatzszenarien
API-Anbindung & Build-Tools
- Anbindung von REST-APIs an React-Komponenten und globale Stores
- Umgang mit Ladezuständen, Fehlern und Caching von API-Daten
- Einsatz von modernen Build-Tools wie Vite für schnelle Entwicklungs-Setups
- Anpassung bestehender Konfigurationen mit CRACO (Create React App Configuration Override)
- Optimierung von Builds für Produktion (Bundles, Code-Splitting, Umgebungsvariablen)
Testing & Continuous Integration
- Beginn in Teststrategien für React-Anwendungen
- Unit- und Komponententests mit Jest und der React Testing Library
- End-to-End-Tests für Benutzerflüsse mit Cypress und Puppeteer
- Mocking von APIs und Testdaten für reproduzierbare Testszenarien
- Integration von Tests in Continuous-Integration-Pipelines für React-Projekte
Tipp: Empfohlene Trainingsdauer für alle Kursinhalte:1 - 2 Personen: 2 Tage - 3 Tage3 - 8 Personen: 3 Tage -
Voraussetzungen
- Grundlegende Kenntnisse in HTML5, CSS3 und JavaScript.
-
Ablauf & Organisation
Unterrichtszeiten
jeweils von 9.00 Uhr - 16.00 Uhr (8 x 45 Minuten)
Lernformate
Präsenz-Schulung: In modernen medienreich-Schulungsräumen an 24 Standorten in Deutschland & Österreich.
oder
Live-Online-Schulung Ortsunabhängig lernen – Anfahrt sparen, Zeit gewinnen, bequem im digitalen Klassenraum mit Live Trainer:in.
Kleine Gruppengröße
In offenen Schulungen max. 8 Teilnehmende – für intensives Arbeiten, individuelle Betreuung und maximalen Lernerfolg.
Praxisnah lernen
„Aus der Praxis für die Praxis“ – mit vielen Übungen, Beispielen und persönlichem Feedback durch erfahrene Trainer:innen.
Aktuelle Software
Wir schulen in der jeweils aktuellen Version – auf Wunsch auch in älteren Versionen, passend zu Ihrer Arbeitsumgebung.
-
Ihre Vorteile & Gruppenrabatte
Durchführungsgarantie
Jede gelistete Schulung wird garantiert durchgeführt.
Zufriedenheitsgarantie
Gefällt es am ersten Kurstag nicht? Kostenfrei in einen Alternativkurs wechseln.
Qualitätsgarantie
Jede Schulung wird systematisch evaluiert – wir verbessern kontinuierlich anhand von Teilnehmerfeedback.
Keine Vorkasse
Rechnungsstellung erst nach erfolgreicher Durchführung.
Flexible Umbuchung
Terminwechsel auf Anfrage – wir finden die kundenfreundlichste Lösung.
Komfortable Online-Teilnahme
Live-Support bei Technikfragen – vor Kursstart und während des Trainings.
Gruppenrabatt
Sparen Sie bis zu 50 %, wenn Sie mehrere Teilnehmende zu derselben Schulung anmelden.
Profitieren Sie von unseren Gruppenrabatten für offene und individuelle Schulungen. -
Individuelle Schulungen
Wir bieten dieses Seminar auch als Firmenschulung und Inhouse-Schulung maßgeschneidert nach Ihren Anforderungen an.
Ihre Vorteile
Inhalte nach Bedarf
Wir richten die Lernziele exakt an Ihren Zielen aus.
Flexible Dauer & Termine
Genau nach Ihren Anforderungen.
Wunsch-Ort
Inhouse bei Ihnen, Live-Online oder bundesweit in unseren Schulungsräumen.
-
Kundenbewertungen
- 25 Jahre Erfahrung
- über 100.000 zufriedene Teilnehmende
- über 5.000 Unternehmen.
- Bei eKomi mit 5 Sternen als „Exzellent“ ausgezeichnet.
Im Anschluss zeigen wir Originalstimmen unserer Teilnehmenden.
- 25 Jahre Erfahrung
React Deep Dive: Redux, Router & Testing in modernen Frontends
Präsenz- & LIVE-Online
Wählen Sie Ihre Schulungsform:
Individuelles Training in den modernen medienreich-Schulungsräumen.
Buchen ohne Risiko:
- Teamvorteil: -25 % ab 3 Personen
- Garantierte Durchführung
- Zufriedenheitsgarantie
- Keine Vorkasse - Rechnung erst nach erfolgreicher Durchführung des Seminars.
