React Router

Lernen Sie, wie Sie Ihre React-Anwendungen um Routing-Funktionen mit React Router, der Standard-Routing-Bibliothek für React, erweitern können. Erstellen Sie moderne Benutzeroberflächen mit React Router.

React Router - Grundlagen

• Die Grundlagen von React
• Die Grundlagen des Routings
• React Router DOM installieren und mit der URL des Browsers verbinden
• Konfigurieren von Routen
• Verwenden von , um zwischen Seiten zu navigieren
• Erstellen einer Navigation mitund

React Router - Verschachtelte Routen und URL-Parameter

• Wie verschachteltes Routing funktioniert
• Erstellen einer 404-und NoMatch-Route
• Definieren von Platzhaltern, um dynamische Routen zu erstellen
• URL-Parameter lesen und anzeigen
• Aktive Links anzeigen
• Rendering einer verschachtelten Benutzeroberfläche

React Router - Erweiterte Möglichkeiten

• Routen indizieren
• Programmatisch navigieren
• Daten beim programmatischen Navigieren übergeben
• Übergabe des Standortstatus

Zuerst lernen Sie die Grundlagen des Routings und Single-Page-Apps kennen. Anschließend werden Sie einige der nützlichen React Router-Komponenten, Hooks und andere Funktionen kennenlernen, die Benutzer zu den verschiedenen Ansichten leiten und dabei helfen, dynamische Benutzeroberflächen zu erstellen, die sich automatisch aktualisieren, sobald sich die URL ändert. Sie erfahren dann, wie man 404- oder "nicht gefunden"-Routen erstellt und wie der Standortstatus, das History-Objekt und der History-Stack funktionieren