Willkommen in der Welt von React, einer leistungsstarken JavaScript-Bibliothek zum Erstellen dynamischer und interaktiver Benutzeroberflächen. Wir werden erkunden, was React ist und warum es zur bevorzugten Wahl für moderne Webentwicklung geworden ist.

Was ist React?

1. React ist eine beliebte JavaScript-Bibliothek zum Erstellen wiederverwendbarer, komponentenbasierter Benutzeroberflächen für Webseiten oder Anwendungen;
2. React kombiniert HTML mit JavaScript-Funktionalität in seiner Markup-Sprache namens JSX. React erleichtert auch die Verwaltung des Datenflusses in der gesamten Anwendung;
3. In diesem Kurs lernen Sie, wie Sie verschiedene React-Komponenten erstellen, Daten in State-Props verwalten, mit der tatsächlichen API, die das Backend darstellt, arbeiten und vieles mehr.

Voraussetzungen

Bevor wir uns auf diese React-Reise begeben, ist es wichtig, ein solides Verständnis der Grundlagen der Webentwicklung zu haben, einschließlich HTML, CSS und JavaScript. Wenn Sie mit diesen Technologien bereits vertraut sind, sind Sie hier genau richtig, um React zu lernen.

Wenn Sie neu in HTML, CSS oder JavaScript sind, empfehlen wir Ihnen, die folgenden Kurse zu absolvieren, um eine starke Grundlage zu schaffen:

• Ultimate HTML: Lernen Sie die Grundlagen von HTML, der Sprache, die Webinhalte strukturiert;
• CSS-Grundlagen: Meistern Sie CSS, um Webseiten schön zu gestalten und zu layouten;
• Einführung in JavaScript: Erwerben Sie Kenntnisse in JavaScript, der Sprache, die Webanwendungen interaktiv macht. Da React eine JavaScript-Bibliothek ist, spielt es hier eine entscheidende Rolle.

Fühlen Sie sich frei, diesen Links zu folgen, um diese grundlegenden Technologien zu überprüfen oder zu lernen, bevor Sie in React eintauchen.

Was Sie im Kurs lernen werden

• Sie beginnen mit dem Verständnis der Grundlagen von React, einschließlich SPAs vs. MPAs, dem virtuellen DOM, JSX und dem Rendern von Elementen;
• Dann lernen Sie, wie Sie React-Komponenten mit verschiedenen Methoden erstellen und gestalten, wie Inline-Stile, CSS-Dateien und CSS-Module;
• Als nächstes tauchen Sie in React Hooks und Context ein und erkunden useState, useRef, useEffect und useMemo Hooks sowie die Verwaltung des globalen Zustands mit Context;
• Schließlich richten Sie Ihre Entwicklungsumgebung ein, einschließlich der Konfiguration eines Code-Editors, der Einrichtung des Projektordners, der Verwendung des Terminals und des Starts eines React-Projekts.