Seite 15 - React

React Hooks funktionieren auch ohne explizite Typen, meistens jedoch nur zufällig richtig. Sobald ein Zustand mehrere mögliche Formen annimmt, eine Ref auf drei unterschiedliche Arten verwendet wird oder ein Custom Hook Daten aus einer API lädt, entscheidet die Typisierung darüber, ob Fehler beim Kompilieren oder erst beim Nutzer auffallen. Dieser Artikel zeigt, wie man React Hooks mit TypeScript von Grund auf typsicher gestaltet, von useState bis zum eigenen generischen Custom Hook.

Create React App ist offiziell deprecated und wird nicht mehr gewartet. Vite hat den Standard für React-Tooling übernommen: natürliches ESM im Dev-Server, Sub-100ms Hot Module Replacement und eine Konfiguration, die ohne Eject auskommt. Dieser Artikel erklärt, warum der Wechsel sich lohnt und wie er reibungslos gelingt.

Routing in React war lange eine Quelle von Laufzeitfehlern: falsche URL-Parameter, untypisierte Search Params, fehlende Routen-Guards. TanStack Router löst das durch ein vollständig typsicheres Routing-System, bei dem der TypeScript-Compiler jeden Fehler in Navigation, Params und Search Params erkennt – bevor der Code den Browser erreicht.