Abschluss der React-Projekt-Einrichtung

Sie haben das Ende des Kurses erreicht. An diesem Punkt haben Sie die grundlegenden Konzepte von React behandelt und gelernt, wie echte React-Anwendungen aufgebaut und ausgeführt werden.

Sie haben damit begonnen, zu verstehen, was React ist und wie Komponenten sowie JSX zur Beschreibung von Benutzeroberflächen verwendet werden. Anschließend haben Sie gelernt, wie Daten mit Props übergeben, die UI-Logik mit konditionalem Rendern gesteuert und Datenlisten gerendert werden.

Danach haben Sie erkundet, wie React-Anwendungen Veränderungen im Zeitverlauf mithilfe von Hooks verarbeiten. Sie haben gelernt, wie der Zustand mit useState verwaltet und wie Nebenwirkungen mit useEffect behandelt werden, einschließlich Datenabruf und Reaktion auf Zustandsänderungen.

Sie haben außerdem gelernt, wie Sie React-Komponenten stylen – sowohl mit Inline-Stilen als auch mit externer CSS – und wie Sie einfache, praxisnahe Styling-Ansätze auswählen.

Abschließend haben Sie ein echtes React-Projekt mit Vite erstellt und ausgeführt sowie dessen Projektstruktur untersucht, um zu verstehen, wo sich Ihr Code befindet und wie alles zusammenpasst.

Was Sie jetzt können

Mit Abschluss dieses Kurses sind Sie in der Lage:

1. Funktionale React-Komponenten zu erstellen;
2. JSX zur Beschreibung von Benutzeroberflächen zu verwenden;
3. Daten mit Props zu übergeben;
4. Konditionale Renderings anzuwenden;
5. Datensammlungen zu rendern;
6. Zustand mit useState zu verwalten;
7. Nebenwirkungen mit useEffect zu behandeln;
8. Komponenten mit CSS zu stylen;
9. Ein echtes React-Projekt zu erstellen und auszuführen.

Diese Fähigkeiten bilden die Grundlage nahezu jeder React-Anwendung.

Wie geht es weiter

Sie können nun dynamische Benutzeroberflächen mit React erstellen und Benutzerinteraktionen verarbeiten.

Ihre Anwendung funktioniert jedoch weiterhin nur im Browser und speichert oder verarbeitet keine echten Daten.

Um vollständige Anwendungen zu entwickeln, benötigen Sie ein Backend, das:

• Anfragen verarbeitet;
• Logik ausführt;
• Daten speichert und verwaltet.

Als Nächstes lernen Sie Node.js kennen, das es ermöglicht, JavaScript außerhalb des Browsers auszuführen und das Fundament für Backend-Anwendungen zu schaffen.

Sie wechseln von der Entwicklung von Benutzeroberflächen zur Entwicklung der dahinterliegenden Logik.