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.
GEDOPLAN erstellt für Sie auf Ihre Unternehmensziele zugeschnittene Firmenschulungen. Durch unser modulares Schulungssystem sind wir in der Lage, anhand Ihrer Angaben eine individuelle Schulung zu gestalten. Denn die optimale Weiterbildung Ihrer Mitarbeiter nach Ihren Vorgaben und Anforderungen stehen bei uns im Mittelpunkt. Bei Interesse nehmen Sie bitte Kontakt mit uns auf, wir führen dann gerne mit Ihnen ein unverbindliches Gespräch.
