Neuer React-Kurs

Zur Kursseite: React für Fortgeschrittene: Daten, State und KI-Assistenten

Moderne React-Anwendungen bestehen längst nicht mehr nur aus Komponenten, Props und lokalem State. Sie laden und verändern serverseitige Daten, verwalten komplexe Zustände, reagieren auf asynchrone Prozesse und integrieren zunehmend KI-Assistenten, die nicht nur Fragen beantworten, sondern selbstständig Funktionen innerhalb einer Anwendung ausführen können.

In unserem neuen dreitägigen Workshop „React für Fortgeschrittene: Daten, State und KI-Assistenten“ zeigt React-Experte Nils Hartmann, wie moderne React-Anwendungen jenseits der grundlegenden React-APIs entwickelt werden. Im Mittelpunkt stehen der professionelle Umgang mit serverseitigen Daten, ein durchdachtes State-Management und die Integration eines KI-Assistenten in eine eigene React-Anwendung.

React-Entwicklung über die Grundlagen hinaus

Wer bereits erste Anwendungen mit React und TypeScript entwickelt hat, stößt im Projektalltag schnell auf weiterführende Fragen:

• Wie lassen sich serverseitige Daten effizient laden und zwischenspeichern?
• Wo sollte welcher Zustand verwaltet werden?
• Wann reichen React State und Context aus und wann ist ein zusätzlicher Store sinnvoll?
• Wie lassen sich Formulare typsicher umsetzen und zuverlässig validieren?
• Wie bleibt die Oberfläche auch bei asynchronen Vorgängen reaktionsfähig?
• Wie können KI-Assistenten in eine bestehende React-Anwendung integriert werden?
• Wie können KI-Agenten Funktionen innerhalb einer Benutzeroberfläche kontrolliert ausführen?

Der Workshop setzt genau an diesen Fragestellungen an. Die Teilnehmenden entwickeln gemeinsam eine durchgehende Anwendung, anhand derer typische Anforderungen aus realen React-Projekten praktisch umgesetzt werden.

Serverseitige Daten effizient verarbeiten

Das Laden von Daten mit useEffect und fetch reicht für einfache Anwendungsfälle häufig aus. In umfangreicheren Anwendungen entstehen damit jedoch schnell zusätzliche Herausforderungen: Daten müssen zwischengespeichert, aktualisiert, invalidiert und zwischen verschiedenen Komponenten konsistent gehalten werden.

Im Workshop lernen die Teilnehmenden deshalb moderne Alternativen kennen. Mit TanStack Query werden Daten geladen, gecacht und verändert. Dabei geht es unter anderem um Invalidierung, optimistic Updates und die Vermeidung unnötiger Anfragen.

Darüber hinaus zeigt Nils Hartmann, wie Suspense als flexible Ladegrenze eingesetzt werden kann und wie sich mit Transitions steuern lässt, wie eine Benutzeroberfläche während eines laufenden Datenzugriffs reagiert. Auch typische Performance-Probleme wie Request-Wasserfälle werden untersucht und gezielt behoben.

Den richtigen Platz für den State finden

State-Management gehört zu den Themen, die in React-Projekten schnell unnötig komplex werden können. Nicht jeder Zustand gehört in einen globalen Store, aber auch lokaler Component State ist nicht für jede Anforderung geeignet.

Im Workshop wird deshalb systematisch betrachtet, welche Arten von Zustand es gibt und an welcher Stelle sie sinnvoll verwaltet werden können. Dazu gehören unter anderem:

• lokaler React State,
• URL-basierter Zustand,
• React Context,
• serverseitiger Zustand,
• externe Stores für verteilten Anwendungszustand.

Die Teilnehmenden lernen, State nicht vorschnell zu globalisieren, sondern abhängig vom jeweiligen Anwendungsfall eine passende Lösung auszuwählen. Ergänzend werden typsichere Formulare entwickelt und mithilfe von Zod validiert. Außerdem wird betrachtet, wie der React Compiler dazu beitragen kann, Render-Vorgänge zu optimieren.

KI-Assistenten in React-Anwendungen integrieren

Ein besonderer Schwerpunkt des Workshops liegt auf der Integration von KI-Assistenten. Dabei geht es nicht nur darum, ein Texteingabefeld mit einem Sprachmodell zu verbinden.

Gemeinsam wird ein Assistent entwickelt, der Fragen beantworten, auf Werkzeuge zugreifen und Funktionen innerhalb der React-Anwendung ausführen kann. Der KI-Assistent kann damit nicht nur Informationen liefern, sondern konkrete Anwendungsfälle über die Benutzeroberfläche unterstützen.

Behandelt werden unter anderem:

• die Unterschiede zwischen einem KI-Agenten und einer klassischen API,
• Streaming-Chats mit TanStack AI,
• client- und serverseitige Tools für Agenten,
• das offene Protokoll AG-UI,
• kontrollierte Freigaben und Rückfragen an den Menschen,
• die sichere Einbindung agentischer Funktionen in eine Anwendung.

Gerade bei KI-Agenten ist es wichtig, dass diese nicht unkontrolliert Aktionen ausführen. Deshalb wird auch betrachtet, an welchen Stellen eine ausdrückliche Freigabe erforderlich ist und wie sich der Mensch sinnvoll in den Ablauf einbinden lässt.

Vorkenntnisse zu künstlicher Intelligenz oder Sprachmodellen sind für die Teilnahme nicht erforderlich. Grundlegende Kenntnisse in React und TypeScript sollten jedoch vorhanden sein.

Ein Workshop mit hohem Praxisanteil

Die Inhalte werden nicht isoliert anhand einzelner Folien oder voneinander unabhängiger Beispiele vermittelt. Stattdessen entsteht während des Workshops eine zusammenhängende Anwendung, in der Datenzugriff, State-Management, Formulare, Benutzeroberfläche und KI-Assistent zusammenspielen.

Dadurch können die Teilnehmenden die verschiedenen Architekturentscheidungen nachvollziehen und erkennen, welche Auswirkungen eine technische Entscheidung auf andere Bereiche der Anwendung hat. Übungen und Diskussionen sorgen dafür, dass die Inhalte nicht nur vorgestellt, sondern direkt angewendet werden.

Nach dem Workshop können die Teilnehmenden fundierter entscheiden,

• wie serverseitige Daten in React-Anwendungen verwaltet werden,
• welche Form des State-Managements zu einer konkreten Anforderung passt,
• wie sich asynchrone Vorgänge benutzerfreundlich gestalten lassen,
• wie KI-Assistenten technisch in React-Anwendungen eingebunden werden,
• welche Grenzen und Kontrollmechanismen bei agentischen Funktionen erforderlich sind.

Nils Hartmann: React-Experte, Softwareentwickler und Fachautor

Der Workshop wird von Nils Hartmann durchgeführt. Er ist freiberuflicher Softwareentwickler, Softwarearchitekt, Trainer und Coach aus Hamburg. Seine fachlichen Schwerpunkte liegen auf der Entwicklung moderner Frontend-Anwendungen mit React und TypeScript sowie auf Backend-Systemen mit Java, Spring und GraphQL.

Durch seine Erfahrung in Frontend- und Backend-Entwicklung betrachtet Nils React-Anwendungen nicht isoliert. In seinen Workshops vermittelt er auch, wie Frontends mit APIs, Backend-Services und modernen Fullstack-Architekturen zusammenspielen. Dieser Blick über die Grenzen einzelner Technologien hinaus ist besonders wertvoll, wenn komplexe Geschäftsanwendungen entwickelt oder bestehende Systeme modernisiert werden.

Nils ist Autor des Fachbuchs „React – Grundlagen, fortgeschrittene Techniken und Praxistipps – mit TypeScript und Redux“. Darüber hinaus veröffentlicht er regelmäßig Fachartikel, hält Vorträge auf Konferenzen und User-Group-Veranstaltungen und produziert Videokurse zu React, GraphQL und moderner Webentwicklung.

Zu seinen aktuellen Themen gehören neben React und TypeScript unter anderem Next.js, TanStack Query, moderne Fullstack-Architekturen, Spring Modulith sowie der Einsatz von KI und Coding-Assistenten in der Softwareentwicklung.

Seit 2024 gehört Nils zum Dozenten-Team von GEDOPLAN. Bei uns führt er unter anderem Workshops zu React, TypeScript und Fullstack-Entwicklung mit Next.js durch. Teilnehmende profitieren dabei nicht nur von seinem umfassenden Fachwissen, sondern insbesondere von seiner langjährigen praktischen Projekterfahrung und seiner verständlichen, an realen Aufgaben orientierten Vermittlung.

Für wen ist der Workshop geeignet?

Der Kurs richtet sich an Entwicklerinnen und Entwickler, die bereits mit React und TypeScript arbeiten und ihre Kenntnisse gezielt vertiefen möchten.

Besonders geeignet ist der Workshop für:

• React- und TypeScript-Entwickler,
• Frontend-Entwickler mit ersten React-Projekten,
• Fullstack-Entwickler,
• Softwarearchitekten mit Bezug zur Frontend-Entwicklung,
• Entwicklungsteams, die KI-Assistenten in eigene Anwendungen integrieren möchten.

Grundlegende React- und TypeScript-Kenntnisse werden vorausgesetzt. Spezielle Vorkenntnisse zu KI, Large Language Models oder agentischen Systemen sind nicht erforderlich.

Termine im März 2027

Der dreitägige Workshop findet vom 15. bis 17. März 2027 statt und kann wahlweise als Online-Schulung oder als Präsenzschulung in Berlin besucht werden.

Alle Informationen zu Inhalten, Voraussetzungen, Preisen und Terminen finden Sie auf der Kursseite:

React für Fortgeschrittene: Daten, State und KI-Assistenten

Die Schulung kann außerdem als individuelle Firmenschulung für Ihr Entwicklungsteam durchgeführt werden. Inhalte und Schwerpunkte stimmen wir dabei gerne auf Ihre eingesetzten Technologien, vorhandenen Kenntnisse und konkreten Projektanforderungen ab.