React Aufbaukurs: Redux, Routing, Testing
Komplexe React-Anwendungen mit Redux, Routing, Tests und Deployment sicher strukturieren
Die wichtigsten Themen
Redux Toolkit und Application State
Routing mit geschützten Routen
Tests mit Jest, RTL und Cypress
API-Anbindung und Async State
Build, Deployment und CI
Überblick Steige tiefer in die React-Entwicklung ein und arbeite an den Architekturfragen, die bei größeren Single-Page-Anwendungen schnell entscheidend werden: sauber geschnittener Application State, nachvollziehbare...
Steige tiefer in die React-Entwicklung ein und arbeite an den Architekturfragen, die bei größeren Single-Page-Anwendungen schnell entscheidend werden: sauber geschnittener Application State, nachvollziehbare Routing-Strukturen, robuste API-Anbindung und automatisierte Tests. Im Mittelpunkt steht nicht die Wiederholung von Grundlagen, sondern die Umsetzung einer anspruchsvollen React-Anwendung mit vielen Komponenten, gemeinsam genutztem State und realistischen Anforderungen an Wartbarkeit und Erweiterbarkeit.
In dieser React Schulung entsteht über drei Tage hinweg eine komplexere Anwendung von Grund auf. Dabei werden Redux und Redux Toolkit für State-Management eingesetzt, React Router für geschützte und verschachtelte Routen genutzt und zentrale Abläufe mit Unit-, Component- und End-to-End-Tests abgesichert. Vite, Build-Prozess, Deployment und Continuous Integration runden den Entwicklungsablauf ab.
Wenn TypeScript in deinem Projekt bereits eine wichtige Rolle spielt, bietet die Schulung React mit TypeScript eine passende fachliche Vertiefung.
- react
Die Themen Redux Toolkit und Store-Konfiguration · Slices, Actions und Reducer · Selectors und abgeleiteter State · Immutable Updates mit Immer · Custom Hooks für Redux-Zugriff · Redux DevTools im Debugging...
Application State Management
- Redux Toolkit und Store-Konfiguration
- Slices, Actions und Reducer
- Selectors und abgeleiteter State
- Immutable Updates mit Immer
- Custom Hooks für Redux-Zugriff
- Redux DevTools im Debugging
Asynchrone Daten und APIs
- createAsyncThunk für Seiteneffekte
- Redux Thunk im Vergleich
- RTK Query für Server State
- Zentralisierte API-Anbindung
- Loading-, Error- und Success-States
- Eigene Redux Middleware
Routing mit React Router
- BrowserRouter und RouterProvider
- Routes, Route und Navigate
- Verschachtelte Routenstrukturen
- Private Routen und Authentifizierung
- Routenparameter und Query-Parameter
- Lazy Loading und Code-Splitting
Architektur größerer React-Anwendungen
- Komponentenstruktur und Zuständigkeiten
- Error Boundaries und Fehlermanagement
- Logging in React-Anwendungen
- Mehrsprachigkeit mit react-i18next
- UI-Bibliotheken in React-Projekten
- Build-Prozess mit Vite
Testing und Qualitätssicherung
- Unit Tests mit Jest
- Component Tests mit React Testing Library
- End-to-End-Tests mit Cypress
- Browsernahe Tests mit Puppeteer
- Testdaten, Mocks und Assertions
- Testausführung in CI-Pipelines
Deployment und Projektabschluss
- Produktions-Build mit Vite
- Chunking und Bundle-Optimierung
- Deployment einer React-Anwendung
- Continuous Integration für React
- Analyse typischer Projektprobleme
Zielgruppe
- Frontend-Entwicklerinnen und Frontend-Entwickler mit React-Grundkenntnissen, die größere Anwendungen strukturieren
- JavaScript-Entwicklerinnen und JavaScript-Entwickler, die Redux, Routing und Testing in React-Projekten einsetzen
- Webentwicklerinnen und Webentwickler in Teams mit komplexem Client State, API-Anbindung und Deployment-Anforderungen
- Software-Entwicklerinnen und Software-Entwickler, die eine React Inhouse Schulung oder Remote React Schulung für Projektteams planen
Das lernst du
- Sicherer Aufbau größerer React-Anwendungen mit klarer Komponenten- und State-Struktur
- Redux Toolkit für Slices, Store-Konfiguration, Selectors und asynchrone Abläufe einsetzen
- Routing-Konzepte mit geschützten, verschachtelten und parametrisierten Routen umsetzen
- Automatisierte Tests für Komponenten, Geschäftslogik und Benutzerabläufe erstellen
- API-Anbindung, Fehlerbehandlung, Build-Prozess und Deployment in einem React-Projekt zusammenführen
So arbeiten wir
- Gemeinsame Entwicklung einer anspruchsvollen React-Anwendung über die gesamte Schulungsdauer
- Hands-on Labs zu Redux Toolkit, Routing, API-Anbindung, Testing und Deployment
- Code-Reviews und Refactoring-Schritte zur Verbesserung von Struktur, Lesbarkeit und Wartbarkeit
- Analyse typischer Fehlerbilder aus realen React-Projekten
- Direkte Übertragung der Konzepte auf eigene Projektanforderungen der Teilnehmerinnen und Teilnehmer
Empfohlene Vorkenntnisse
- Sichere Grundlagen in JavaScript, HTML und CSS
- Erfahrung mit React-Komponenten, Props, State und Hooks
- Kenntnisse analog zum React Grundkurs
- Grundverständnis von npm, Terminal und Git
- Erste Erfahrung mit REST APIs von Vorteil
Dein Fahrplan
Der erste Tag vertieft die Struktur größerer React-Anwendungen. Behandelt werden Komponentenaufteilung, gemeinsamer Application State, Redux Toolkit, Store-Konfiguration, Slices, Reducer, Actions, Selectors und Debugging mit den Redux DevTools.
- Architektur größerer React-Anwendungen
- Redux Toolkit und Store-Aufbau
- Slices, Reducer und Selectors
- Immutable Updates mit Immer
- Custom Hooks für State-Zugriff
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Bewertungen & Feedback
Wissen
4.7
5.0
von 3 Bewertungen
Verständlichkeit
4.7
Fragen und Antworten zu React Aufbaukurs: Redux, Routing, Testing
Für wen eignet sich dieser React Aufbaukurs?
Der Aufbaukurs richtet sich an Entwicklerinnen und Entwickler, die React-Grundlagen bereits anwenden und nun größere Anwendungen strukturieren möchten. Besonders relevant ist die Schulung, wenn in deinem Projekt Redux, komplexes Routing, API-Anbindung oder automatisierte Tests eine Rolle spielen.
Ist die React Schulung auch online oder remote möglich?
Ja, die React Schulung eignet sich auch als Online React Schulung oder Remote React Schulung. Die Übungen, Code-Beispiele und gemeinsamen Entwicklungsphasen lassen sich in einer Remote-Umgebung durchführen.
Welche Vorkenntnisse sind für den Kurs notwendig?
Erforderlich sind solide Kenntnisse in JavaScript und React, insbesondere Komponenten, Props, State und Hooks. Wenn diese Grundlagen noch fehlen, ist vorher der React Grundkurs sinnvoll.
Wird in der Schulung Redux oder Redux Toolkit behandelt?
Beides wird eingeordnet. Der Schwerpunkt liegt auf Redux Toolkit mit Store-Konfiguration, Slices, Selectors, createAsyncThunk und RTK Query. Klassische Redux-Konzepte wie Actions, Reducer und Middleware werden so behandelt, dass bestehende Codebasen nachvollziehbar bleiben.
Welche Testing-Werkzeuge werden eingesetzt?
Die Schulung behandelt Unit Tests mit Jest, Component Tests mit React Testing Library und End-to-End-Tests mit Cypress. Für eine breitere JavaScript-Teststrategie passt ergänzend die Schulung JavaScript-Webanwendungen testen.
Ist der Kurs als React Inhouse Schulung geeignet?
Ja, der Aufbaukurs eignet sich gut als React Inhouse Schulung für Teams, die an gemeinsamen Architekturmustern, State-Management, Routing-Konventionen und Teststrategien arbeiten möchten. Inhalte und Übungen lassen sich an Projektkontext und Kenntnisstand anpassen.
Welche weiterführenden React-Themen passen nach dem Aufbaukurs?
Nach dem Aufbaukurs sind Spezialisierungen wie Next.js Grundkurs, React mit TypeScript, React und GraphQL oder React Native sinnvoll, je nachdem ob Server Rendering, Typsicherheit, API-Architektur oder App-Entwicklung im Vordergrund stehen.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
