Zurück

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 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.

Jetzt Tickets sichern

enterJS-Newsletter

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

Anmelden