Fullstack React in 2 Variationen: Server- oder Client-first?

Fullstack React in zwei Variationen: Server- oder Client-first?

Fullstack React-Anwendungen verbinden die Performance der Serverseite mit der Dynamik von Single Page-Applikationen. Die React-Welt ist hier in zwei Lager gespalten. Auf der einen Seite wird alles mit React Server Components (RSC) serverseitig vorbereitet und nur noch die wirklich dynamischen Inhalte dem Client überlassen. Die andere Seite nutzt Serverside Rendering (SSR), um die Performance der clientseitigen Applikation zu verbessern. An diesem Abend möchten wir euch die beiden Ansätze anhand konkreter Beispiele zeigen und gemeinsam mit euch diskutieren, worin geeignete Use-Cases der beiden Ansätze liegen.

Sebastian Springer - Server-first mit Next.js

Next.js ist das Urgestein, wenn es um serverseitiges React geht. Das Framework existiert mittlerweile seit vielen Jahren und dennoch schafft es stets am Puls der Zeit zu sein und beeinflusst auch maßgeblich die Entwicklung von React. Server Components und Server Functions sind React Features, die ganz natürlich und nahtlos ins Framework integriert sind. Wir werfen einen Blick auf Next.js und wie sich der Paradigmenwechsel vom Client zum Server auf unseren Alltag auswirkt.

Nils Hartmann - Client-first am Beispiel TanStack Start

TanStack Start ist ein neues Framework für React, das eine Entwicklung wie von Single-Page-Anwendungen gewohnt, verspricht. Allerdings bietet es die Möglichkeit, einzelne Teile der Anwendung auch auf den Server zu verlagern, um dort beispielsweise Daten zu laden und SSR zu ermöglichen. Wir zeigen euch, was das konkret für eine bestehende Single-Page-Anwendung bedeutet und worin die Unterschiede zu einer Fullstack-Anwendung mit Next.js liegen.