Externe Bibliotheken für React: Material-UI und React Router einbinden
Für React gibt es viele Erweiterungen: React Router und Material-UI helfen bei der Navigation innerhalb von Single-Page Applications und bei deren Design.
- Sebastian Springer
Viele Änderungen wie die Hook-API, Suspense und Verbesserungen in der Context-API haben in der letzten Zeit ihren Weg in React gefunden. Weitere Verbesserungen wie Concurrent Rendering sind geplant. Doch nicht nur der Kern von React wird stetig weiterentwickelt, auch das Ökosystem drumherum wächst.
Dieser Artikel stellt zwei etablierte Bibliotheken vor und zeigt ihre Integration in eine Applikation: React Router und Material-UI. React Router erlaubt die Navigation innerhalb einer Single-Page Application. Und Material-UI ist eine Komponentensammlung, die das Material Design von Google in Form von React-Komponenten umsetzt. Sie kommen nicht nur in zahlreichen Applikationen zum Einsatz, sondern stehen auch exemplarisch für eine Vielzahl ähnlicher Bibliotheken, die eine Applikation entweder technisch oder in Form von Layoutverbesserungen aufwerten.
Die zugrunde liegende Applikation ist ein Quiz, bei dem ein Benutzer Fragen erhält und aus einer Reihe von Antwortmöglichkeiten die passende auswählen muss. Nachdem er die Frage beantwortet hat, wird angezeigt, ob die Antwort richtig oder falsch war. Kurz darauf bekommt er die nächste Frage präsentiert. Sobald die letzte Frage beantwortet ist, erscheint eine Zusammenfassung. Auf dieser Basis kommt zunächst React Router zum Einsatz, um die einzelnen Quizfragen als unabhängige Ressourcen über URLs adressierbar zu machen.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Flug mit Nervenkitzel: FPV-Drohne DJI Avata 2 im Test
Wie eine lokale KI die Fotosammlung auf dem NAS verschlagworten kann
Günstiges Display samt Einplatinencomputer für Bastelanfänger im Kurztest
OpenCore Legacy Patcher: Wie Sie alte Macs mit jungem macOS aufbrezeln
Fremdsprachen lernen: Wie man ChatGPT zum Sprechtrainer aufrüstet
High-End-Smartphones im Kameravergleich: Wettkampf um die beste Bildqualität
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Flug mit Nervenkitzel: FPV-Drohne DJI Avata 2 im Test
Wie eine lokale KI die Fotosammlung auf dem NAS verschlagworten kann
Günstiges Display samt Einplatinencomputer für Bastelanfänger im Kurztest
OpenCore Legacy Patcher: Wie Sie alte Macs mit jungem macOS aufbrezeln
Fremdsprachen lernen: Wie man ChatGPT zum Sprechtrainer aufrüstet