Kapitel 11. React Router
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Als das Web eröffnete, bestanden die meisten Websites aus einer Reihe von Seiten, durch die die Nutzer/innen navigieren konnten, indem sie einzelne Dateien anforderten und öffneten. Der Ort der aktuellen Datei oder Ressource wurde in der Adressleiste des Browsers angezeigt. Die Vor- und Zurück-Tasten des Browsers funktionierten wie erwartet. Das Setzen von Lesezeichen innerhalb einer Website ermöglicht es den Nutzern, einen Verweis auf eine bestimmte Datei zu speichern, die auf Wunsch des Nutzers wieder geladen werden kann. Auf einer seitenbasierten oder vom Server gerenderten Website funktionieren die Navigations- und Verlaufsfunktionen des Browsers einfach wie erwartet.
In einer einseitigen App werden all diese Funktionen problematisch. Erinnere dich daran, dass in einer Single-Page-App alles auf derselben Seite passiert. JavaScript lädt Informationen und verändert die Benutzeroberfläche. Funktionen wie Browserverlauf, Lesezeichen und Vor- und Zurück-Buttons funktionieren nicht ohne eine Routing-Lösung. Beim Routing werden Endpunkte für die Anfragen deines Kunden definiert.1 Diese Endpunkte arbeiten mit den Standort- und Verlaufsobjekten des Browsers zusammen. Sie werden verwendet, um angeforderte Inhalte zu identifizieren, damit JavaScript die entsprechende Benutzeroberfläche laden und darstellen kann.
Im Gegensatz zu ...
Get React lernen, 2. Auflage now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
