Nach dem Workshop hast Du einen Überblick über aktuelle React APIs und Bibliotheken, die Du in deiner Single-Page-Anwendung einsetzen kannst. Außerdem kennst Du die Idee und Motivation hinter React Fullstack-Anwendungen.
Beschreibung
In diesem Workshop erkunden wir fortgeschrittene und moderne React APIs und Bibliotheken. Du lernst, welche Ansätze es für das effektive Arbeiten mit serverseitigen Daten mit React Bordmitteln und Bibliotheken gibt. Wir sehen uns an, wie du die Typsicherheit in deiner Anwendung verbessern und Formulare inklusive Validierung implementieren kannst. Zum Abschluss werfen wir einen Blick auf die Fullstack-Möglichkeiten von React.
Agenda
Arbeiten mit State im Client
• React Context: Anwendungsfälle und Abgrenzung zu anderen Technologien
• Router und URLs für Client-State
• Renderzyklen mit memo, useCallback und useMemo optimieren
• Die Bibliothek “immer” zur Vereinfachung beim Arbeiten mit immutable Daten
Formulare mit React
• Hintergrund: Controlled und uncontrolled components
• Formular-Hooks von React 19
• Bibliotheken für Formulare
• Typsicherheit und Validierung von Formular-Daten
Arbeiten mit serverseitigen Daten (REST/GraphQL)
• Probleme mit useEffect und fetch
• Bordmittel mit React 19: use-Hook und Suspense
• Spezialisierte Bibliothek: TanStack Query (ehem. React Query)
• Testen und Mocken von Server-Calls
Testen von React Anwendungen mit Playwright
• Vor- und Nachteile von Browser-Tests
• End-to-end-Tests mit Playwright
Ausblick: Fullstack React-Anwendungen
• React-Komponenten auf dem Server ausführen und rendern
• React Server Components
• Next.js
Teilnehmerkreis und Voraussetzungen
Dieser Workshop richtet sich an Entwickler von React-Anwendungen. Du solltest schon React-Kenntnisse mitbringen.
Mindestanzahl Teilnehmende: 3 Personen
Dieses Kursthema bieten wir Ihnen auch als maßgeschneiderte Firmenschulung an.