Einleitung
  • Willkommen!
  • Repository zum Kurs
Erste Schritt mit React
  • Installation der notwendigen Tools
  • Erstelle dein erstes React Project
  • Ein erster Rundgang durch unser neues Projekt
Komponenten
  • App.js die erste Reactkomponente
  • JavaScript Ausdrücke in JSX
  • Neue React Komponente erstellen und einbinden
  • Komponenten einfach mehrfach nutzen
  • Übergebe Daten zwischen Komponenten mit props
  • Halte Daten im State
  • Beeinflusse den State und damit die Ausgabe deiner Komponente
  • setState und die Asynchronität
Listen und Styling mit React
  • Erstellen einer Listenkomponente
  • Erstellen und Einbinden der Eintragskomponente
  • Zeige Einträge in der Liste an
  • CSS-Styling mit React
  • Extra CSS-Datei für die Eintragskomponente
  • Bedingte Formatierung
  • Listen benötigen einen Key
Mehr zu Komponenten
  • Component-Komponenten haben einen Lebenszyklus
  • Eine Komponente nur als Funktion - Functional Components
  • Ein Ausflug zum Thema JSX
  • Einführung: Von Komponente auf Elternkomponente zugreifen
  • Mit einem Klick Aufgaben als Erledigt markieren
  • Daten von einer API laden und in der Komponente anzeigen
  • Verwendung von Formularen
  • Formular submit mit React bearbeiten
Abschluss
  • Abschliessende Worte