Packt

React-Grundlagen und erste Projekte

Holen Sie sich eines unserer besten Angebote und erweitern Sie Ihre Fähigkeiten mit 50% Rabatt auf Coursera Plus. Jetzt sparen.

Packt

React-Grundlagen und erste Projekte

Bei Coursera Plus enthalten

Fragen Sie Coursera

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Erfahren Sie, wie Sie React-Komponenten erstellen und mit JSX dynamische Benutzeroberflächen entwickeln.

  • Machen Sie sich mit dem Statusverwaltungssystem von React vertraut und lernen Sie, wie Sie den Status effizient aktualisieren können.

  • Lernen Sie den Umgang mit Ereignissen, bedingtes Rendering und Listen-Rendering in React.

  • Setzen Sie die React-Best-Practices für die Entwicklung interaktiver und wartungsfreundlicher Webanwendungen um.

Kompetenzen, die Sie erwerben

  • Kategorie: Javascript
  • Kategorie: React.js
  • Kategorie: Kontext-Management
  • Kategorie: Skalierbarkeit
  • Kategorie: Ereignisgesteuerte Programmierung
  • Kategorie: Front-End-Webentwicklung

Werkzeuge, die Sie lernen werden

  • Kategorie: Web-Anwendungen
  • Kategorie: Cascading Style Sheets (CSS)
  • Kategorie: UI-Komponenten

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Mai 2026

Bewertungen

11 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

 Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Der komplette React 19 Entwickler-Kurs (inkl. Next.js 16)“
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
  • Lernen Sie neue Konzepte von Branchenexperten
  • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
  • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
  • Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 10 Module

In diesem Modul stellen wir Ihnen die wichtigsten Konzepte von React 19 vor, einschließlich der Einrichtung Ihres Projekts mit Vite. Sie lernen, wie Sie Ihre erste React-Komponente erstellen, JSX-Markup schreiben und JavaScript in JSX integrieren. Dieses Modul behandelt außerdem die Bedeutung von Styling und der Übergabe von Props innerhalb von Komponenten.

Das ist alles enthalten

13 Videos2 Lektüren

In diesem Modul werden wir uns erneut mit den Grundlagen von JSX befassen und dessen Syntax zusammenfassen, wobei wir den Schwerpunkt auf den effektiven Einsatz in React-Projekten legen. Sie lernen, welche häufigen Fehler Entwickler bei der Verwendung von JSX machen und wie Sie diese durch die Anwendung bewährter Vorgehensweisen vermeiden können.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul führen wir Sie durch das Projekt „Cambridge Rentals“ und konzentrieren uns dabei auf die Erstellung wichtiger Komponenten wie Kopfzeile, Fußzeile und Objektliste. Sie lernen, wie Sie dynamische Inhalte erstellen und Ihre React-App so strukturieren, dass sie auch in Zukunft skalierbar bleibt.

Das ist alles enthalten

11 Videos1 Aufgabe

In diesem Modul werden wir uns damit befassen, wie Sie Ihre React-App durch die Reaktion auf Benutzerereignisse interaktiver gestalten können. Sie lernen, wie Sie den Status verwalten, Ereignisse effizient verarbeiten und bewährte Vorgehensweisen zur Bewältigung komplexer Ereignisinteraktionen anwenden.

Das ist alles enthalten

10 Videos1 Aufgabe

In diesem Modul werden wir die wichtigsten Konzepte zur Implementierung von Interaktivität in React durchgehen, einschließlich häufiger Fehler und deren Vermeidung. Sie lernen die bewährten Vorgehensweisen kennen, um eine übersichtliche, effiziente und überschaubare Interaktivität zu gewährleisten.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul führen wir Sie Schritt für Schritt durch die Entwicklung einer To-Do-Listen-App – von der Einrichtung der Dateistruktur bis hin zur dynamischen Darstellung der Aufgaben. Sie lernen, Funktionen zur Aufgabenverwaltung zu implementieren, darunter das Hinzufügen, Bearbeiten und Löschen von Aufgaben sowie das Speichern von Änderungen mithilfe von localStorage.

Das ist alles enthalten

10 Videos1 Aufgabe

In diesem Modul stellen wir React Reducer vor und erläutern dessen Rolle beim Statusmanagement. Sie lernen, wie Sie eine Reducer-Funktion erstellen, und erfahren, wann es sinnvoll ist, diese zur Verwaltung komplexer Statuslogik in Ihren React-Anwendungen einzusetzen.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul werden wir häufige Fehler bei der Verwendung von React Reducer besprechen und bewährte Vorgehensweisen vorstellen, mit denen sich diese vermeiden lassen. Außerdem lernen Sie, wie Sie diese bewährten Vorgehensweisen anwenden können, um komplexe Zustände in React-Anwendungen effektiv zu verwalten.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul führen wir Sie durch das Projekt „UK Driving Test“ und zeigen Ihnen, wie Sie React Reducer zur Verwaltung des Zustands einsetzen können. Sie lernen, wie Sie Komponenten für Quizfunktionen strukturieren, einschließlich der Navigation durch die Fragen und der Fortschrittsanzeige.

Das ist alles enthalten

12 Videos1 Aufgabe

In diesem Modul stellen wir React Context vor und zeigen, wie es die Statusverwaltung vereinfacht, indem es das „Prop Drilling“ vermeidet. Sie lernen, wie Sie React Context in einer praktischen Anwendung, beispielsweise einer To-Do-Listen-App, implementieren, um den globalen Status effizienter zu verwalten.

Das ist alles enthalten

2 Videos1 Lektüre3 Aufgaben

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Packt - Course Instructors
Packt
1.946 Kurse573.323 Lernende

von

Packt

Mehr von Software-Entwicklung entdecken

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen