React für Anfänger

Name: React für Anfänger
Author: Labby

Erlernen Sie die Grundlagen von React, von der Einrichtung Ihrer ersten App bis zum Erstellen interaktiver Komponenten. Beherrschen Sie wesentliche React-Konzepte durch praktische Übungen, die Komponenten, JSX, Props, State, Hooks, Event-Handling, bedingtes Rendering, Listen und Formulare abdecken.

Webentwicklung

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Nächster Kurs

Lehrplan

React-Einrichtung und erste App

Einführung in React-Komponenten

React JSX Grundlagen

React Props

React State mit Hooks

Ereignisbehandlung in React

Bedingtes Rendern in React

React Listen und Schlüssel

React Formulare Grundlagen

Einführung

React für Anfänger führt in neun Labs in browserbasierte Oberflächen mit funktionalen React-Komponenten ein. Ausgehend von einem Vite-Projekt bearbeitest du JSX, kombinierst Komponenten, übergibst Daten, verwaltest lokalen Zustand und ergänzt Buttons, dynamische Listen, bedingte Inhalte und Formulare.

Jedes geführte Lab konzentriert sich auf ein Konzept. Du startest den Entwicklungsserver, siehst Änderungen in der integrierten Vorschau und entwickelst mit kleinen Codeänderungen ein Verständnis des komponentenbasierten Ablaufs.

Was du lernen wirst

Ein Vite-React-Projekt untersuchen, Abhängigkeiten installieren und den Server starten
Funktionale Komponenten erstellen, exportieren, importieren und zusammensetzen
JSX mit Ausdrücken, Attributen, selbstschließenden Elementen und Fragmenten schreiben
Werte mit Props, Destrukturierung und Standardwerten von Eltern an Kinder übergeben
Lokalen Zustand und Aktualisierungen mit dem useState Hook verwalten
Eventhandler verbinden, Eventobjekte prüfen und Browserstandardaktionen verhindern
Inhalte mit ternären und logischen Operatoren, Variablen und Zustand bedingt rendern
Arrays in Elemente mit Keys abbilden und kontrollierte Formulareingaben und Übermittlungen entwickeln

Für wen dieser Kurs geeignet ist

Der Kurs richtet sich an React-Neulinge mit JavaScript-Grundlagen, die funktionale Komponenten geführt kennenlernen möchten. Er hilft auch Frontend-Anfängern, JSX, Props, Zustand und Browserereignisse zu verbinden, bevor sie eine größere Anwendung bauen.

Voraussetzungen: Empfohlen werden JavaScript-Grundlagen: Funktionen, Variablen, Arrays, Objekte, Imports und Array-map. HTML-Elemente und -Attribute sollten vertraut sein. React- oder Vite-Erfahrung ist nicht nötig.

Lernumgebung: Alle neun Labs laufen in einer Ubuntu-22.04-React-WebIDE mit Node.js, npm, Editor, Terminal und Web-8080-Vorschau. Jedes nutzt ein Vite-React-Projekt; du startest den Server und siehst Änderungen per Hot Module Replacement.

Häufig gestellte Fragen

Entwickle ich eine vollständige React-Anwendung?

Nein. Du erstellst gezielte Beispiele wie Komponenten, Zähler, bedingte Ansichten, Listen und ein kontrolliertes Formular. Die Kernmechanik wird vermittelt, aber keine fortlaufende Abschlussanwendung gebaut.

Verwendet der Kurs funktionale oder Klassenkomponenten?

Er verwendet funktionale Komponenten und den useState Hook. Klassenkomponenten und Lebenszyklusmethoden sind nicht enthalten.

Behandelt er Routing, APIs oder fortgeschrittene Hooks?

Nein. React Router, Datenabruf, useEffect, Context, eigene Hooks, TypeScript, Tests, Zustandsbibliotheken und Deployment gehören nicht zum Umfang.

Muss ich React lokal installieren?

Nein. Jedes Lab bereitet ein Vite-React-Projekt in der WebIDE vor. npm und Entwicklungsserver werden in der bereitgestellten Umgebung verwendet; eine lokale Einrichtung ist nicht erforderlich.