Werden Sie Ein React-Entwickler

Erhalten Sie ein Verständnis für die Kernprinzipien von React. Sie lernen JSX (JavaScript XML), den Aufbau wiederverwendbarer UI-Komponenten und das Rendern von Elementen kennen. Zusätzlich erfahren Sie mehr über die Bedeutung der Datenerfassung und der bedingten Darstellung in React-Anwendungen. Am Ende dieses Abschnitts verfügen Sie über ein solides Fundament der wesentlichen Konzepte von React, das Sie auf die weiterführenden Themen in den folgenden Abschnitten vorbereitet.

Untersuchen Sie die verschiedenen Methoden zur Hinzufügung von Styles in React-Anwendungen. Sie lernen, wie Sie Styles auf einzelne Komponenten anwenden, dynamische Styles nutzen und einen skalierbaren sowie wartbaren Styling-Ansatz in Ihren Projekten beibehalten.

Leistungsstarke Funktionen in der modernen React-Entwicklung. Hooks revolutionieren die Entwicklung von Funktionskomponenten, indem sie eine prägnante und intuitive Möglichkeit zur Verwaltung von Zustand und zur Ausführung von Seiteneffekten bieten. Im Gegensatz dazu ermöglicht Context das Teilen von Daten durch den Komponentenbaum, ohne Props weiterreichen zu müssen. Die Kombination von Hooks und Context ermöglicht ein effizientes Zustandsmanagement und eine vereinfachte Datenweitergabe in React-Anwendungen.

Schritt-für-Schritt-Anleitung zum Start eines praxisnahen React-Projekts. Von der Einrichtung der Entwicklungsumgebung über das Verständnis der Projektorganisation bis hin zu wichtigen Tools – Sie erwerben das Wissen und die Sicherheit, um Ihre React-Reise zu beginnen.

Erlernen der theoretischen Grundlagen von Konzepten wie URL, Domain, Protokoll, Abfrageparametern und mehr. Verständnis der Bedeutung von Routing in Webanwendungen und der Notwendigkeit der React-Router-Bibliothek.

Erfahren Sie, wie eine vollständige React-Anwendung von Grund auf erstellt wird, mit der Möglichkeit, Inhalte anzuzeigen, die sich anhand der URL mithilfe der React-Router-Funktionalität anpassen.

Erkunden Sie die Verwendung von Query-Strings zur gemeinsamen Nutzung und Verwaltung des Anwendungszustands über URLs, arbeiten Sie mit verschiedenen Datentypen in Query-Parametern und nutzen Sie React Router für Navigation und Effekte basierend auf URL-Änderungen.

Erkunden Sie die grundlegenden Konzepte des State Managements und erfahren Sie, wie Sie die Leistungsfähigkeit des Redux Toolkit nutzen können. Wir führen Sie durch den Installationsprozess und unterstützen Sie bei der Erstellung Ihres ersten React-Projekts mit Redux Toolkit. Zusätzlich erwartet Sie eine Herausforderung, um Ihr Verständnis und Ihre Fähigkeiten zu testen.

Untersuchung der Integration von Redux in React-Anwendungen unter Berücksichtigung zentraler Konzepte: Actions, Reducer und der Redux Store. Enthält praxisnahe Beispiele und Code-Erklärungen zur Konfiguration eines Stores, Erstellung von Reducern und Verbindung von React-Komponenten über Hooks wie useSelector und useDispatch.

Verbessern Sie Ihre Fähigkeiten im State Management. In diesem praxisorientierten Workshop bearbeiten Sie reale Herausforderungen und sammeln praktische Erfahrungen mit dem Redux Toolkit für eine nahtlose Anwendungsentwicklung.

Wir besprechen die erforderlichen Vorkenntnisse für die Arbeit mit dem Next.js-Framework, die Kursinhalte sowie die zu entwickelnden Projekte.

Wir richten das Projekt ein, untersuchen Möglichkeiten zur Einbindung von Styling in unsere Anwendung und behandeln visuelle Aspekte wie Bilder, Schriftarten, Seiten und Layouts.

Erfahren Sie, wie Sie mühelos eine neue Ansicht für Ihre Anwendung erstellen und verwalten sowie mit einem integrierten Routingsystem nahtlos durch alle Seiten navigieren.

Bereitstellung der Next.js-App mit GitHub- und Vercel-Konten. Zusätzlich Einrichtung einer Datenbank zur Bereitstellung der erforderlichen Daten für die App.

Überlegungen zum klaren und effizienten Abrufen sowie zur Darstellung von Daten für den Benutzer.

Erfahren Sie, wie moderne Webfunktionen wie Paginierung, CRUD-Operationen, globale Suche, Formularvalidierung und weitere implementiert werden.

Implementierung der Authentifizierung in Next.js.