Routing mit React Router

Teil des React-Kurses

Alles, was du bisher gebaut hast, liegt unter einer einzigen Adresse. Es gibt eine Seite, und was der Nutzer sehen soll, blendest du über den State ein oder aus. Das trägt so lange, bis jemand ein Lesezeichen auf den Einstellungsbildschirm setzen will, einer Kollegin den Link zu genau einem Nutzer schicken möchte oder den Zurück-Button des Browsers drückt und dort landen will, wo er es erwartet.

Eine Single-Page-App lädt beim Navigieren nicht die ganze Seite neu. Der Browser lädt das JavaScript einmal herunter, und von da an ist ein Bildschirmwechsel nur noch React, das andere Komponenten rendert. Trotzdem soll sich die URL ändern, der Zurück-Button soll funktionieren, und wer eine Adresse direkt eintippt, soll an der richtigen Stelle ankommen.