React ist eine bekannte und weit verbreitete Bibliothek zur Entwicklung von Single-Page-Anwendungen (SPA), die in JavaScript/TypeScript implementiert sind und vollständig im Browser laufen. Mit der „Fullstack Architektur-Vision“ und den React Server Components (RSC) eröffnet React nun aber auch 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.
Zu diesem Workshop gibt es leider kein weiteres Material.
Innovatives Routing und Data Fetching mit dem TanStack
EnterJS React 19 Day, online, 17. Oktober 2024
Frontend-Entwicklung: Single-Page-Anwendung oder HTMX?
Software Architecture Alliance 2024, München, 23. Oktober 2024
React: Ein Blick zurück und nach vorne
W-JAX 2024, München, 7. November 2024
A Practical Introduction to Fullstack Applications With Next.js
iJS 2024, München, 13. November 2024
TypeScript — Advanced features of the type system
c't webdev, Köln, 14. November 2024
Vergangene Talks
Übersicht über vergangene Talks