Das Erlernen von React kann anfangs herausfordernd sein, besonders wenn Sie unsicher sind, wie Sie anfangen sollen oder sich dabei erwischen, wie Sie auf einen leeren Code-Editor starren. Aber der richtige Kurs kann Ihnen helfen, die Kernkonzepte zu verstehen und praktische Erfahrungen zu sammeln, indem Sie reale Projekte erstellen.

Wir haben gerade einen Kurs auf dem YouTube-Kanal von freeCodeCamp.org veröffentlicht, der Ihnen modernes React auf möglichst engagierte und praktische Weise beibringt. Dieser Kurs, erstellt von Bob Ziroll von Scrimba, ist randvoll mit über 170 Codierungs-Herausforderungen und sechs spannenden Projekten. Am Ende werden Sie die Fähigkeiten und das Selbstvertrauen haben, React-Anwendungen zu entwickeln, die reale Probleme lösen. Bobs vorheriger React-Kurs ist eine der beliebtesten Möglichkeiten, React zu lernen, und er hat diesen Kurs komplett aktualisiert, um alle neuesten React-Konzepte zu vermitteln.

Was Sie in diesem Kurs lernen werden

Der Kurs ist in sechs umfassende Abschnitte unterteilt, beginnend mit den Grundlagen und allmählich voranschreitend zu komplexeren Konzepten:

  1. React-Grundlagen
    Tauchen Sie ein in die Grundlagen von React, einschließlich JSX, Komponenten, Props, State und den Prinzipien von Reacts deklarativem und zusammensetzbarem Design. Ihr erstes Projekt, ReactFacts, ist eine einfache und unterhaltsame Einführung in den Aufbau funktionaler Komponenten und das Anwenden von Stilen.

  2. Reisejournal-Projekt
    Lernen Sie, wiederverwendbare Komponenten zu erstellen und mit Props zu arbeiten. Sie werden die .map()-Funktion von JavaScript verwenden, um ein Reisejournal dynamisch darzustellen, das sowohl funktional als auch visuell ansprechend ist.

  3. Chef Claude Projekt
    Erforschen Sie das Zustandsmanagement und Formulare, während Sie eine Rezept-App erstellen. Sie werden das Event-Handling, bedingte Darstellung und das Verwalten komplexer Zustände mit Arrays und Objekten üben. Am Ende dieses Abschnitts werden Sie ein tiefes Verständnis dafür haben, wie man Benutzerinteraktionen in React behandelt.

  4. Meme-Generator-Projekt
    Daten von APIs abrufen und die useState– und useEffect-Hooks von React verwenden. Sie werden einen Meme-Generator erstellen, der Meme-Bilder dynamisch lädt und anpasst, wodurch Sie Erfahrung im Datenabruf und in kontrollierten Komponenten sammeln.

  5. Tenzies Spiel
    Bauen Sie ein Würfelspiel, bei dem Benutzer Würfel werfen, halten und kombinieren können, um zu gewinnen. Dieses Projekt eignet sich hervorragend zum Üben von Komponentenstile, bedingter Logik und Spielmechanik in React.

  6. Assembly Endgame Projekt
    Beenden Sie den Kurs mit einem Worträtselspiel, das Ihre Fähigkeit herausfordert, fortgeschrittene Funktionen zu planen und umzusetzen, einschließlich Zugänglichkeitsverbesserungen, Zustandsteilung und interaktive UI-Komponenten.

Der Kurs endet mit Tipps und Tools, um Ihre Entwicklungsumgebung zu optimieren, einschließlich VS Code-Erweiterungen und React-Entwicklertools, die das Debuggen und die Produktivität optimieren.

Schluss

Bereit, den ersten Schritt in die Welt des modernen React zu machen? Schau dir den Kurs auf dem YouTube-Kanal von freeCodeCamp.org an (16 Stunden lang).