Nach diesem Seminar können Sie moderne React-Anwendungen mit TypeScript und einem aktuellen Frontend-Stack entwickeln. Sie beherrschen Funktionskomponenten, Props, State und Hooks und können UI, Client State und Server State sinnvoll voneinander trennen. Sie setzen Tailwind CSS für das Styling, React Router für Navigation, TanStack Query für Server State sowie Zustand für globalen Client State ein. Darüber hinaus können Sie Formulare mit React Hook Form und Zod erstellen und Anwendungen mit Vitest, React Testing Library und Playwright testen.
Dynamische Klassen und wiederverwendbare UI-Patterns
Dark Mode und Theme-Konfiguration
Einordnung alternativer Styling-Ansätze
React-Komponenten und moderne Patterns
useEffect und Effect Lifecycle
Refs und Context API
Error Boundaries
Lazy Loading und Suspense
memo, useMemo und useCallback
React Compiler
Custom Hooks
React mit TypeScript
Typisierung von Props und Komponenten-Schnittstellen
Events, Hooks und State typisieren
API-Daten und asynchrone Ergebnisse
Union Types und Discriminated Unions
Type Inference und typische React-TypeScript-Patterns
Hooks und moderne React APIs
Rules of Hooks
useReducer, useTransition und useDeferredValue
use(), Actions und useOptimistic
Typische Hook-Anti-Patterns
useHooks als Sammlung wiederverwendbarer Hooks
HTTP, APIs und Server State
REST APIs mit fetch und async/await
GET, POST, PUT/PATCH und DELETE
Loading-, Error- und Empty-States
AbortController
TanStack Query für Queries, Mutations und Caching
Query Invalidation und Optimistic Updates
Client State und Server State trennen
Routing mit React Router
Client-Side Routing
Link und NavLink
Route- und Search-Parameter
Nested Routes, Layout Routes und Outlet
Geschützte Bereiche
Lazy Loading und Code Splitting
Überblick über Loader und Actions
Formulare und Validierung
Controlled und Uncontrolled Inputs
React Hook Form
Zod für schema-basierte Validierung
Validierungsfeedback und serverseitige Fehler
Wiederverwendbare Formular-Komponenten
State Management mit Zustand
Local, Global und Server State unterscheiden
Stores und Actions
Selektoren und gezielte Subscriptions
Persist Middleware und DevTools
Asynchrone Actions
Zusammenspiel von Zustand und TanStack Query
Redux Toolkit als Einordnung für bestehende und komplexere Anwendungen
Testing
Unit-, Komponenten-, Integrations- und E2E-Tests
Vitest
React Testing Library
Mocking von APIs
Hooks und Zustand Stores testen
Playwright
Tests in CI/CD
Build, Deployment und Produktion
Vite Build und Environment Variables
Code Splitting und Lazy Loading
Bundle-Größe und Performance
SPA-Hosting und Server-Fallback
Deployment mit Nginx und Docker
Cloud- und Hosting-Plattformen
CI/CD-Grundlagen und Source Maps
Best Practices und Architektur
Feature-basierte Projektstruktur
Trennung von UI, Business Logic und API-Zugriffen
Wiederverwendbare Komponenten und Custom Hooks
Vermeidung von Prop Drilling
Accessibility
Performance und Security-Grundlagen
Typische React Anti-Patterns
Dauer/zeitlicher Ablauf:
3 Tage
Zielgruppe:
Das Seminar richtet sich an Webentwickler und Softwareentwickler, die moderne Frontend-Anwendungen mit React und TypeScript entwickeln möchten oder bestehende React-Kenntnisse auf einen aktuellen technischen Stand bringen wollen.
Teilnahmevoraussetzungen
Sie benötigen gute Kenntnisse in HTML, CSS und JavaScript. Grundlegende Erfahrungen mit moderner JavaScript-Syntax, Modulen und asynchroner Programmierung sind empfehlenswert. React- oder TypeScript-Vorkenntnisse sind hilfreich, aber nicht zwingend erforderlich.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
