Mit der „Fullstack Architektur-Vision“ und den React Server Components (RSC) eröffnet React den Weg, Teile der Anwendung serverseitig auszuführen und zu rendern. Damit soll der Browser entlastet werden, da dieser weniger JavaScript-Code ausführen muss und Server-Client-Roundtrips beim Ermitteln und Speichern von Daten vermieden werden. Zur Entwicklung ganzheitlicher React-Anwendungen, die auch auf dem Server ausgeführt werden, empfiehlt das React-Team ein spezialisiertes Fullstack-Framework wie Next.js, das wir uns in diesem
Workshop ansehen.
In diesem Workshop lernst Du die Idee hinter den Fullstack-Anwendungen kennen und für welche Anwendungsfälle sie besonders geeignet sind. Anhand des Fullstack-Frameworks Next.js lernst Du konkret, wie Du deine React-Anwendung ganz oder teilweise serverseitig ausführen lassen können, worin die Unterschiede in Code und Architektur gegenüber einer klassischen React SPA liegen und welche Konsequenzen der Fullstack-Ansatz für Architektur und Betrieb Ihrer Anwendung mit sich bringt.
Nach dem Workshop kannst Du Fullstack-Anwendungen mit React und Next.js entwickeln und einschätzen, wo der Fullstack-Ansatz für deine eigenen Anwendungen sinnvoll ist.
Inhalte (u.a.):
- Asynchrone Server Komponenten
- Client- und Server-Komponenten
- Arbeiten mit serverseitigen Daten (REST, Datenbank)
- Pattern für die Arbeit mit RSCs
- Server Actions
- Client-seitiger State und Formulare
- Serverseitiges Routing, Seiten und Layouts
- Dynamische und statische Routen
- Rendern zur Build- und Laufzeit-
Slides und Material kommen nach dem Workshop
Webanwendungen mit React - Fortgeschrittene Konzepte
OOSE Seminar, OOSE Campus Hamburg, 23.06.25 - 25.06.25
Fullstack React-Anwendungen mit Next.js
Gedoplan Schulung, Berlin, 17.09.25 - 19.09.25
React SPAs with TanStack: A Practical Deep Dive
iJS, München, 27. Oktober 2025
In-House Workshops und Coaching u.a. zu React, Next.js, TypeScript, GraphQL