React Router

Zielgruppen:

Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und die sich im Thema: React Router weiterbilden wollen.

Fachliche Voraussetzungen:

Keine besonderen Anforderungen.

Technische Voraussetzungen:

Keine besonderen Anforderungen.

Systematik der Agenturen für Arbeit:

keine Angaben

Inhalte

Erstellen Sie moderne Benutzeroberflächen mit React Router.


React ist eine der am weitesten verbreiteten Bibliotheken für die Erstellung moderner Benutzeroberflächen und Single-Page-Application.

React selbst bietet von Haus aus keine Routing-Lösungen oder Funktionen, die Benutzer zwischen den verschiedenen URLs und Ansichten, aus denen eine Webanwendung besteht, navigieren. Das bedeutet aber nicht, dass Sie das gesamte Routing in jeder App, die Sie erstellen, manuell implementieren müssen. React hat schließlich eine lebendige Entwicklergemeinde, die allgemeine Hilfsprogramme wie Routing als Zusatzbibliotheken zu React entwickelt hat.

Erfahren Sie, wie Sie Ihre React-Anwendungen um Routing-Funktionen mit React Router, der Standard-Routing-Bibliothek für React, erweitern können. Sie beginnen mit den Grundlagen des Routings in Single-Page-Apps und werden dann einige der nützlichen React-Router-Komponenten, Hooks und andere robuste Funktionen lernen, die Benutzer zu den verschiedenen Ansichten und Links einer App navigieren und insgesamt dabei helfen, dynamische Benutzeroberflächen zu erstellen, die automatisch aktualisiert werden, sobald sich die URL ändert.

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 mit und

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


Die Weiterbildung "React Router" bieten wir Ihnen als Coaching, Workshop, Training - Live-Online und Vor-Ort an.