Hier starten
  • Einleitung
Erste Schritte
  • Download der benötigten Tools
  • Erste Schritte mit React
  • Eigenes Element programmieren
  • Refresher: ES6 - Objektorientierung
  • Refresher: ES6 - import / export
  • Refresher: ES6 - Objektorientierung (extends)
  • Einführung: jsx
Komponenten...
  • Parameter übergeben
  • CSS & Komponenten
  • Aufgabe: Panel erstellen
  • Musterlösung: Panel erstellen
  • Elemente verschachteln
  • State in React
  • Die render() - Funktion
  • Auf Klicks reagieren (Events)
  • Exkurs: Warum benötigten wir .bind(this)?
  • Aufgabe: Schreibe einen Klickzähler
  • Musterlösung: Schreibe einen Klickzähler
Projekt: TODO - Liste
  • Todo - Liste anlegen
  • Todo hinzufügen
  • Exkurs: Was ist die Virtual DOM?
  • Warum benötigen wir das key - Attribut bei der Todo - Liste?
  • Anwendung in Untercomponents zerlegen
  • Todo hinzufügen
  • Eingabe mit State verknüpfen
  • React PropTypes liegen jetzt woanders!
  • Validieren von Parametern (propTypes)
  • Lösung: Validieren von Parametern (propTypes)
  • CSS - Styles in React
  • Exkurs: Wie wird eine React - Anwendung überhaupt geladen?
Komplexere Anwendung programmieren: Redux
  • Einführung: Warum Redux?
  • Installation von Redux
  • Klickzähler mit Redux
  • React-Redux und die connect() - Funktion
  • Klickzähler fertigstellen
  • Redux mit mehreren Bereichen
  • Todoliste hinzufügen
  • Mehrere Reducers kombinieren (combineReducers)
  • Mehrere Reducers kombinieren (2)
  • Todo hinzufügen (1)
  • Todo hinzufügen (2)
  • Redux und mehrere Components
Mehrere Seiten - React Router
  • Einbau von React-Router
  • Navigation bauen
  • Redux & React Router: Die perfekte Kombination
Praxisprojekt: Daten von API abfragen
  • Anwendung vorbereiten
  • Ergebnisseiten anlegen
  • Wikipedia - Api abfragen (1)
  • Wikipedia - Api abfragen (2)
  • Projekt fertigstellen
Schluss
  • Schlussworte