React Deep Dive für Frontend-Profis

Du lernst, React Deep Dive in typischen Arbeitssituationen strukturiert einzusetzen, zentrale Methoden sicher einzuordnen und belastbare Ergebnisse für Deine Projekte und Teams vorzubereiten.

Kursdetails ansehen

3 Tage

23 Standorte

Online & Präsenz

Nächster Termin: 11. – 13.01.2027 · 143 weitere verfügbar

ab 1.650,00 € zzgl. 19 % MwSt.

Weitere Termine & Buchungsoptionen

Mehr als 5.000 Unternehmen vertrauen uns

Das lernst Du

Du ordnest einen zentralen Themenbereich fachlich ein: Wann globales State Management sinnvoll ist und welche Alternativen es gibt.
Du setzt die vermittelten Methoden in praxisnahen Aufgaben um; im Fokus steht Redux-Grundbausteine: Action Types, Actions, Reducer, Selectors und combineReducers.
Du entwickelst nachvollziehbare Workflows; ein Schwerpunkt ist Einsatz der Redux DevTools zur Analyse von State-Änderungen.
Du analysierst typische Anforderungen und vertiefst dabei Asynchrone Abläufe mit Redux Thunk und modernen Ansätzen wie Redux Toolkit.
Du bewertest Nutzen, Qualität und Risiken am Beispiel Immutable State in der Praxis, z. B. mit Immer.
Du überträgst die Erkenntnisse auf eigene Projekte; ein Schwerpunkt ist Eigene Redux-Middleware für Querschnittsfunktionen (Logging, Tracking, API-Aufrufe).

Überblick

Mit wachsender Anwendungsgröße stößt lokaler Component-State in React schnell an seine Grenzen – entscheidend ist zu wissen, wann globales State Management wirklich sinnvoll ist und welche Alternativen zur Verfügung stehen. Diese Schulung zeigt Dir, in welchen Situationen sich globales State Management lohnt, und vermittelt Dir die Grundbausteine von Redux: Action Types, Actions, Reducer, Selectors und combineReducers. Du lernst den Einsatz der Redux DevTools kennen, mit denen sich State-Änderungen nachvollziehbar analysieren und debuggen lassen. Anhand praxisnaher Übungen und konkreter Anwendungsfälle implementierst Du eigenes State Management mit Redux und erkennst typische Fehlerquellen beim Aufbau von Reducern und beim Debugging mit den DevTools. Die Schulung richtet sich an Personen mit React-Kenntnissen, die ihr Verständnis von State Management vertiefen möchten. Nach dem dreitägigen Training kannst Du geeignetes State Management strukturiert einsetzen und die Ergebnisse sicher in bestehende Entwicklungsprozesse übertragen.

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

Routing mit React Router

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)

Erweiterte React-Themen: Fehler, Logging & Internationalisierung

Integration von Redux in React-Komponenten und Nutzung von Hooks für den Zugriff auf den Store
Architektur einer Single-Page-Anwendung mit React Router
Konfiguration von BrowserRouter und weiteren Router-Varianten

API-Anbindung & Build-Tools

Öffentliche und geschützte Bereiche umsetzen (Private Routes)
Umleitungen, Fallback-Seiten und Fehler-Routen modellieren
Umgang mit Routenparametern, Query-Parametern und verschachtelten Routen

Testing & Continuous Integration

Code-Splitting und Lazy Loading von Routen zur Optimierung der Performance
Fehlerbehandlung in React-Komponenten mit Error Boundaries
Konzept für Logging in React-Anwendungen (z. B. Client-Fehler, API-Fehler, Nutzeraktionen)

Ergebnisse prüfen und verbessern

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

Sicherheit, Qualität und Grenzen

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

Zusammenarbeit und Übergabe

Anpassung bestehender Konfigurationen mit CRACO (Create React App Configuration Override)
Optimierung von Builds für Produktion (Bundles, Code-Splitting, Umgebungsvariablen)
Beginn in Teststrategien für React-Anwendungen

Praxisübungen und Transfer

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

Vertiefende Verfahren

Integration von Tests in Continuous-Integration-Pipelines für React-Projekte
Zentrale Begriffe und Einsatzfelder von React Deep Dive
Anforderungen aus typischen beruflichen Aufgaben einordnen

Zielgruppe & Voraussetzungen

Für wen der Kurs geeignet ist

Softwareentwicklerinnen und Softwareentwickler
Technical Leads, Architektinnen und Architekten
DevOps-, Plattform- und Qualitätssicherungsteams
Für alle, die Anwendungen strukturiert entwickeln und technische Workflows verbessern möchten

Deine Vorteile

Garantierte TermineMarkierte Termine finden statt und bieten 10 % Preisvorteil.
Kleine GruppenMaximal 8 Teilnehmende für intensiven Austausch und nachhaltigen Lernerfolg.
Praxiserfahrene Trainer:innenBerufsrelevante Fachexpertise aus langjähriger Praxiserfahrung.
Keine HybridschulungenBewusst live online oder in Präsenz – für eine klare, fokussierte Lernumgebung.

FAQ

Was lerne ich in der Schulung „React Deep Dive für Frontend-Profis“?

Du lernst, React Deep Dive in typischen Arbeitssituationen strukturiert einzusetzen, zentrale Methoden sicher einzuordnen und belastbare Ergebnisse für Deine Projekte und Teams vorzubereiten. Zu den Schwerpunkten gehören Application State Management mit React & Redux, Routing mit React Router, Erweiterte React-Themen: Fehler, Logging & Internationalisierung, API-Anbindung & Build-Tools, Testing & Continuous Integration und Ergebnisse prüfen und verbessern.

Für wen ist die Schulung geeignet?

Die Schulung richtet sich an Softwareentwicklerinnen und Softwareentwickler, Technical Leads, Architektinnen und Architekten, DevOps-, Plattform- und Qualitätssicherungsteams und Für alle, die Anwendungen strukturiert entwickeln und technische Workflows verbessern möchten.

Welche Vorkenntnisse brauche ich für die Schulung?

Du solltest folgende Voraussetzungen mitbringen: Grundlegende Kenntnisse in HTML5, CSS3 und JavaScript.

Welche Themen und Schwerpunkte werden behandelt?

Zu den Schwerpunkten gehören Application State Management mit React & Redux, Routing mit React Router, Erweiterte React-Themen: Fehler, Logging & Internationalisierung, API-Anbindung & Build-Tools, Testing & Continuous Integration, Ergebnisse prüfen und verbessern, Sicherheit, Qualität und Grenzen und Zusammenarbeit und Übergabe.

Wie praxisnah ist die Schulung?

Die Schulung greift praxisnah insbesondere die Bereiche Zusammenarbeit und Übergabe, Praxisübungen und Transfer und Vertiefende Verfahren auf. Dadurch lässt sich das Gelernte gezielt auf eigene Aufgaben und Projekte übertragen.

Was kann ich nach dem Seminar in der Praxis umsetzen?

Zu den angestrebten Ergebnissen gehören: Du ordnest einen zentralen Themenbereich fachlich ein: Wann globales State Management sinnvoll ist und welche Alternativen es gibt; Du setzt die vermittelten Methoden in praxisnahen Aufgaben um; im Fokus steht Redux-Grundbausteine: Action Types, Actions, Reducer, Selectors und combineReducers; Du entwickelst nachvollziehbare Workflows; ein Schwerpunkt ist Einsatz der Redux DevTools zur Analyse von State-Änderungen; Du analysierst typische Anforderungen und vertiefst dabei Asynchrone Abläufe mit Redux Thunk und modernen Ansätzen wie Redux Toolkit; Du bewertest Nutzen, Qualität und Risiken am Beispiel Immutable State in der Praxis, z. B. mit Immer.

Wird im Seminar auch das Thema „Ergebnisse prüfen und verbessern“ behandelt?

Ja. „Ergebnisse prüfen und verbessern“ ist ein eigener Bestandteil der Schulung. Dazu gehören Mehrsprachige Oberflächen mit react-i18next und i18n-Konfiguration, Strukturierung der Übersetzungsdateien und Umgang mit dynamischen Texten und Überblick über UI-Bibliotheken im React-Ökosystem und sinnvolle Einsatzszenarien.

React Deep Dive für Frontend-Profis

Kursdetails

Application State Management mit React & Redux

Routing mit React Router

Erweiterte React-Themen: Fehler, Logging & Internationalisierung

API-Anbindung & Build-Tools

Testing & Continuous Integration

Ergebnisse prüfen und verbessern

Sicherheit, Qualität und Grenzen

Zusammenarbeit und Übergabe

Praxisübungen und Transfer

Vertiefende Verfahren

Für wen der Kurs geeignet ist

Kurs buchen oder anfragen

Access

Active Directory

After Effects

Angular

Azure Security

Blender

C#

C++

Canva

Cinema 4D

Clean Code

CorelDRAW

DaVinci Resolve

Design Thinking

Docker

Figma

Generatives Design

GitHub

Go

Google Ads

Illustrator

InDesign

Java

JavaScript

jQuery

KI im Finance & Controlling

KI im HR & Recruiting

KI im Projektmanagement

KI im Vertrieb

KI-Sicherheit

Kubernetes

LinkedIn

Microsoft Teams

MongoDB

MySQL

Node.js

OneNote

Oracle

Outlook

Photoshop