Routing in React mit der Router-Bibliothek

In diesem Abschnitt machen wir uns mit einem sehr interessanten und wichtigen Bereich bei der Erstellung von Web-Anwendungen vertraut - dem Routing. Gerade dank des Routings kann der Benutzer sich zwischen vielen Webseiten bewegen, abhängig von Aktionen oder gesendeten Anfragen.

Aus diesem Tutorial erfahren wir, wie man die externe Bibliothek React Router verwendet, um React-Anwendungen mit Routing zu erstellen.

React Router ermöglicht es uns, mit Routing sowohl auf der Client-Seite (also im Browser) als auch auf der Server-Seite zu arbeiten. Es erlaubt die Erstellung komplexer einseitiger Web-Anwendungen, die Navigation ohne Aktualisierung der gesamten Seite verwenden (also ohne zusätzliche Anfragen an den Server), sowie mit dem Browserverlauf zu arbeiten (Zurück-Pfeile).

React Router verwendet eine Architektur, die auf dem komponentenbasierten Ansatz basiert. Somit ermöglicht diese Bibliothek die Navigation zwischen vielen Komponenten einer React-Anwendung, die URL im Browser zu ändern und die Synchronisation des Zustands Ihrer Anwendung mit der URL aufrechtzuerhalten.