Moderne React Entwicklung mit React Server Components

Einleitung

Die Ära der Single Page Applikationen ist vorbei – React erobert den Server!

React Server Components sind nicht nur eine Revolution im React Ökosystem, sondern haben auch das Potential die moderne Front-End Entwicklung gesamthaft neu zu positionieren.

React-Server Components sind nicht eine Optimierung des bekannten Server-Side-Rendering von Single Page Applikationen, sondern ein ganz neues Konzept, bei welchem gewisse Komponenten ausschliesslich auf dem Server gerendert werden. Der Komponentenbaum einer Applikation erstreckt sich damit zwischen Server und Client. Dadurch entstehen ganz neue Konzepte und Patterns (z.B. die klassische Trennung zwischen Client und Backend wird aufgelockert und es ist kein formales API mehr nötig für die Kommunikation zwischen Client und Server).

Programm

Wir machen eine Auslegeordnung der relevanten Konzepte bei der modernen Frontend Entwicklung mit React: Client-Side-Rendering, Server-Side-Rendering,  Hydration, Data-Fetching, Mutations. Dazu bauen wir eine einfache React Applikation.
Dann bauen wir dieselbe Applikation erneut und verwenden dabei React-Server Components mit Next.js. Anhand des konkreten Beispiels diskutieren wir die Konzepte und die Implikationen auf die Entwicklung und das Deployment von React Applikationen. Was sind die Vorteile und Nachteile? Welche neuen Pattern etablieren sich? Welche bestehenden Pattern sind nicht mehr anwendbar?

Kursziel

Sie verstehen wie React Server Components funktionieren und haben einen Überblick über die wichtigen Konzepte bei der modernen React Entwicklung. Sie kennen die Veränderungen welche mit React Server Components auf das React Ökosystem zukommen. Sie können beurteilen, ob der Einsatz von React Server Components in Ihrem Projekt Sinn macht.
Auch wenn Sie aktuell React nicht einsetzen, kann der Workshop einen interessanten Überblick bieten, weil die Konzepte von React Server Components voraussichtlich in Zukunft einen Einfluss auf die Entwicklung mit anderen Frontend Frameworks haben werden.

Adressaten

Der Workshop ist für alle Entwickler und Architekten interessant, welche mit sich Frontend Themen auseinandersetzen.

Voraussetzungen

Grundkenntnisse in der Web-Entwicklung und mit JavaScript.
Basis-Kentnisse in React sind von Vorteil.

Infrastruktur

Eigener Laptop mit aktueller Installation von Node.js und einer IDE der Wahl.