Moderne React-Patterns

Trainer & Termin

Trainer: Nils Hartmann

Termin: Individuell vereinbar

Dauer: 3 Tage

Ort: Inhouse oder Remote

Beschreibung

Seit React 16.8 bietet die funktionale Hooks API neue Möglichkeiten, React-Anwendungen zu entwickeln und zu strukturieren. In diesem praxisorientierten Workshop lernst Du, wie Du mit Custom Hooks wiederverwendbare Logik und Infrastrukturcode umsetzt. Neben Higher-Order Components und Render Properties setzt Du Dich mit der Hooks-basierten Redux API auseinander und prüfst, in welchen Szenarien der React Context eine Alternative zu Redux ist. Zusätzlich wirst Du verschiedene Techniken zur Performance-Optimierung kennenlernen und direkt anwenden.

Dieser Workshop vermittelt Dir moderne Patterns für die effektive und performante Entwicklung von React-Anwendungen mit Fokus auf Wiederverwendbarkeit und saubere Zustandsverwaltung.

Agenda

• Einführung in die React Hooks API (bei Bedarf)
• Grundlagen und Motivation der Hooks API
• Unterschiede zur Klassen API
• Hooks zum Verwalten von Zustand und zum Ausführen von Seiteneffekten (z. B. asynchrone Server-Zugriffe)
• Lokaler Zustand mit useState und useReducer Hook
• Lokaler Zustand vs. globaler Zustand: was ist „globaler“ Zustand?
• Globale Daten mit dem React Context
• Einführung in Redux (bei Bedarf)
• Die Hooks API von Redux
• React Context (mit useReducer) oder Redux – Unterschiede, Gemeinsamkeiten, Anwendungsszenarien
• Typsicherheit von Redux-Anwendungen mit TypeScript
• Das Redux Toolkit – das „offizielle“ Toolset für Redux
• Hintergrund: Render Properties und Higher-Order-Components
• Wiederverwendbarer Code mit Custom Hooks
• Custom Hooks oder Komponenten?
• Performance-Analyse mit dem React Profiler
• Code-Splitting mit React.lazy und Suspense
• Performance zur Laufzeit mit useCallback und useMemo
• Ausblick: Concurrent Rendering und Suspense for Data Loading

Voraussetzungen

• Grundkenntnisse in React
• JavaScript- oder TypeScript-Erfahrung
• Ein eingerichtetes React-Projekt (lokal oder als Codesandbox)

Ablauf

Unsere Trainings starten täglich um 9:00 und enden gegen 17:00 Uhr. Die Kaffee- und Mittagspausen legen unsere Trainer:innen zusammen mit den Teilnehmer:innen fest. Am Ende des Trainings erhält jeder Teilnehmer:in ein Zertifikat über die Schulungsteilnahme.

Unsere Trainer