React Router

React Router ist eine Routing-Bibliothek für React, die sich zu einem Fullstack-Web-Framework entwickelt hat. Ursprünglich 2014 von Ryan Florence und Michael Jackson als Client-seitige Routing-Lösung geschaffen, wurde sie zum De-facto-Standard für Navigation in React-Anwendungen. Mit Version 7, veröffentlicht Ende 2024, verschmolz React Router mit Remix und brachte Server-Side Rendering, Datenladen und Formularverarbeitung direkt in die Bibliothek.

React Router 7 bietet dateibasiertes Routing, das das Dateisystem auf URL-Routen abbildet und Boilerplate reduziert. Loader und Actions erlauben es, Datenabruf und Mutationen direkt neben den Route-Komponenten zu definieren, sodass Daten verfügbar sind, bevor eine Seite rendert. Das Framework unterstützt Server-Side Rendering ab Werk mit verschachtelten Routen, die komplexe Layouts aus unabhängigen Segmenten zusammensetzen — jedes mit eigenen Datenabhängigkeiten. Typsicheres Datenladen fängt Fehler zur Kompilierzeit statt zur Laufzeit ab.

Die Zusammenführung von Remix in React Router vereinte zwei sich überschneidende Projekte. Remix hatte Muster wie Loader, Actions und Progressive Enhancement auf React Routers Routing-Primitiven eingeführt. Statt zwei separate Projekte zu pflegen, integrierte das Team die Server-seitigen Fähigkeiten von Remix direkt in React Router 7 und bot bestehenden Nutzern einen klaren Upgrade-Pfad zu Fullstack-Features. Das Projekt wird von Shopify unterstützt, das 2022 das Remix-Team übernahm.

Die offizielle Dokumentation behandelt Framework-Modus, Library-Modus, Routing, Datenladen und Deployment. Der Quellcode wird auf GitHub gepflegt. React Router gehört weiterhin zu den meistverwendeten Bibliotheken im React-Ökosystem, und der Wandel von einer Routing-Bibliothek zum Fullstack-Framework spiegelt den breiteren Trend zu integrierten, servernahen Anwendungsarchitekturen wider.