Workshop-Days 2025

Moderne React Entwicklung mit Next.js und React Server Components
2025-09-09 , Room 10
Language: Deutsch

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 Potenzial 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.
Next.js ist ein komplettes Web-Framework, welches auf React und React Server Components aufbaut und viele Konzepte, Patterns und Mechanismen für die Entwicklung von modernen Web-Applikationen mitbringt.

Programm:
Wir entwickeln zusammen "Step-by-Step" eine Web-Applikation basierend auf Next.js und React Server Components.
Dabei lernen wir die Konzepte und Konstrukte von Next.js und React Server Components kennen.
Wir diskutieren die Konzepte anhand der konkreten Anwendung und betrachten insbesondere die Unterschiede zu klassischen Single-Page-Applikationen welche mit "client-side" React realisiert werden.

  • React Server Components vs. Client Components
  • Routing mit Next.js
  • Data Fetching mit Server Components (ohne REST API)
  • Mutations mit Server Actions (ohne REST API)
  • Patterns für Komponentenstrukturen
  • Deployment von Next.js Applikationen

Kursziel:
Sie verstehen wie moderne Full-Stack Entwicklung mit React, Next.js und React Server Components funktioniert.
Sie erkennen die Vorteile und Nachteile gegenüber der Entwicklung von klassischen Single-Page-Aplikationen mit React.
Sie können beurteilen, ob der Einsatz von React Server Components und Next.js in Ihrem Projekt Sinn macht.

Adressaten:
Sowohl Anfänger, welche React kennenlernen wollen als auch erfahrene React Entwickler, welche Next.js und React Server Components kennenlernen wollen.

Jonas Bandi ist begeisterter Entwickler, Architekt und Trainer. Sein besonderes Interesse gilt der Zusammenführung von moderner Webentwicklung und traditionellen Enterprise-Anwendungen.
Mit einem Hintergrund in der traditionellen Java und .NET Entwicklung arbeitet er heute hauptsächlich mit JavaScript, Angular & React.
In den letzen Jahren führte Jonas dutzende von in-house Workshops für zahlreiche Firmen in der Schweiz durch.

Seit 20 Jahren ist Jonas Bandi in verschiedensten Projekten unterwegs: von einer Flugzeugsteuerung über industrielle Steuerungsplattformen bis zu Geschäftsanwendungen. Jonas untererrichtet ausserdem seit mehreren Jahren moderne Webentwicklung im CAS "Applikationsentwicklung mit JavaScript & HTML5" an der Berner Fachhochschule.

This speaker also appears in: