React Kochbuch

Kapitel 2. Routing

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

In diesem Kapitel geht es um Rezepte mit React-Routen und der Bibliothek react-router-dom.

react-router-dom verwendet deklaratives Routing, das heißt, du behandelst Routen wie jede andere React-Komponente. Im Gegensatz zu Schaltflächen, Textfeldern und Textblöcken haben React-Routen kein visuelles Erscheinungsbild. In den meisten anderen Punkten ähneln sie jedoch Schaltflächen und Textblöcken. Routes leben im virtuellen DOM-Baum der Komponenten. Sie hören auf Änderungen an der aktuellen Browserposition und ermöglichen es dir, Teile der Benutzeroberfläche ein- und auszuschalten. Sie geben SPAs das Aussehen von mehrseitigen Anwendungen.

Richtig eingesetzt, kann sich deine Anwendung wie jede andere Website anfühlen. Die Nutzer/innen können Abschnitte deiner Anwendung mit einem Lesezeichen versehen, so wie sie auch eine Seite von Wikipedia mit einem Lesezeichen versehen würden. Sie können in ihrem Browserverlauf vor- und zurückblättern, und deine Benutzeroberfläche verhält sich richtig. Wenn du neu in React bist, lohnt es sich, sich mit den Möglichkeiten des Routings zu beschäftigen.

2.1 Interfaces mit Responsive Routes erstellen

Problem

Die meisten Menschen nutzen Anwendungen sowohl auf mobilen Geräten als auch auf Laptops. Das bedeutet, dass du wahrscheinlich möchtest, dass deine React-Anwendung auf allen Bildschirmgrößen gut ...