Moderne Pattern mit React 19 in der Praxis


Workshop am 6. Mai 2024, ca. 10 -17 Uhr
Es tut sich sehr viel im React-Universum. Das Release 19 mit einer Reihe neuer Features steht vor der Tür! In aller Munde sind aber auch Server Components und Fullstack-Frameworks. Data Fetching wird dank Suspense-Unterstützung in vielen Bibliotheken neu gedacht und auch beim Routing gibt es Neuigkeiten.

In diesem Workshop möchte ich mit euch anhand konkreter Anforderungen zeitgemäße React Pattern herausarbeiten. Dabei sehen wir uns unter anderem an, welche Neuerungen React 19 vor uns bereithält, welche Trends es beim Data Fetching gibt und klären die Frage, ob ihr auf den Fullstack-Zug aufspringen müsst bzw. welche Alternativen es dazu gäbe.

Vorkenntnisse

Für diesen Workshop solltest du erste Erfahrungen in der Entwicklung von React-Anwendungen haben und TypeScript-Kenntnisse mitbringen, da wir uns viel Code ansehen und Übungen machen. Aber auch ohne diese Vorkenntnisse wirst du die vorgestellten Konzepte verstehen.

Lernziele

In diesem Workshop lernst du aktuelle Trends in React bzw. im React-Umfeld kennen und kannst nach dem Workshop bewerten, welche Konzepte, Bibliotheken und Architekturen für deine Anwendungen hilfreich sein können.

Agenda

  • Quo Vadis React: Single-Page- oder Fullstack-Anwendung?
  • Neuerungen in React 19 (u.a. Neue Hooks für Formulare und React Compiler)
  • Data-Fetching in SPAs mit Suspense, Typsicherheit und Router-Integration
  • Fullstack-Anwendungen und React Server Components
  • Jederzeit: Eure Fragen, eure Meinungen, eure Wünsche!
Pausenzeiten:
  • ab 09:00 Uhr: Registrierung und Begrüßungskaffee
  • 10:00 Uhr: Beginn
  • 12:30 - 13:30 Uhr: Mittagspause
  • 15:00 - 15:15 Uhr: Kaffeepause
  • 16:15 - 16:30 Uhr: Kaffeepause
  • ca. 17:00 Uhr: Ende

 

Technische Anforderungen

Während des Workshops machen wir praktische Übungen. Damit ihr an den Übungen teilnehmen könnt, bringt bitte einen Laptop mit eurer Lieblings-IDE oder -Editor mit. Außerdem benötigt ihr Git (zum Klonen des Repositories) und Node.JS (mind. Version 18). Ich verwende den Package Manager "pnpm", den ihr über das "corepack"-Feature von Node.js aktivieren könnt (https://pnpm.io/installation#using-corepack). Npm sollte aber auch funktionieren. Wichtig ist, dass ihr von eurem Laptop mit Git und npm Zugriff auf das Internet habt. Bitte überprüft vorher, ob eines der folgenden, gelegentlich vorkommenden Probleme bei euch auftreten könnte. Das gilt insbesondere, wenn ihr ein Firmen-Laptop verwendet:
  • Ihr habt Sicherheitssoftware installiert, die zum Beispiel die Verwendung bestimmter Ports unterbindet
  • Gesetzte Corporate-Proxies, über die man in der Firma kommunizieren muss, die aber in einer anderen Umgebung entsprechend nicht erreicht werden.
  • Proxy, Firewall, VPN verhindern den Zugriff auf GitHub, die npm Registry o.ä.
  • Eure Node.JS-Version ist nicht aktuell

Speaker

 

Nils Hartmann
Nils Hartmann ist freiberuflicher Softwareentwickler, -architekt und -trainer aus Hamburg. Er unterstützt Teams bei der Entwicklung von Backend- und Frontend-Anwendungen mit den Schwerpunkten React, TypeScript, GraphQL und Java. Nils hat ein Buch über React geschrieben sowie Videokurse zu GraphQL veröffentlicht.

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden