React und Flux

React und ES2015

• Verwendung von ES2015-Funktionen in React
• Erstellen von Komponenten mit ES2015
• Einsatz von Babel für ES2015 und JSX
• Einbindung von WebPack in React-Projekte
• Verwendung von Immutable.js für unveränderbare Daten

Fortgeschrittene React-Komponenten

• Lebenszyklus von Komponenten
• Virtual DOM und seine Funktionsweise
• Event-Handling in React
• Zustandsmaschinen und ihre Anwendung
• Komponentenkompositionen
• Kommunikation zwischen Komponenten
• Erstellung wiederverwendbarer Komponenten
• Komponenten klonen und modifizieren

Einführung in Flux

• Zentrale Konzepte von Flux
• Definition und Nutzung von Actions
• Verstehen des Dispatchers
• Stores und deren Verwendung
• Flux-Datenfluss im Detail

Erste Flux-Anwendung

• Strukturierung des Codes und das zugrunde liegende Modell
• Erstellen einer einfachen Anwendung („Hello World“)
• Integration von AJAX und WebSockets
• Verstehen von Rückrufen und Dispatchern
• Design-Überlegungen bei der Verwendung von Flux

Speicher

• Zweck und Funktionsweise von Stores
• Verknüpfung der Stores mit dem Dispatcher für den Datentransport

Komponenten

• Verbindung von Komponenten mit Stores
• Interaktion zwischen Komponenten und Actions

Redux

• Unterschiede zwischen Redux und Flux
• Arbeiten mit Reducern und Store-Management
• Vor- und Nachteile der Verwendung von Redux

Arbeiten mit dem DOM

• Referenzieren und Manipulieren von DOM-Elementen
• Einsatz von HTML5 Drag & Drop in React

Node.js und Server-DOM-Manipulation

• Manipulation von DOM-Elementen auf der Serverseite mit Node.js

Unit-Tests mit TestUtils

• Testen von Komponenten mit Mocha, Chai und Sinon
• Einführung in Unit-Tests mit TestUtils
• Schreiben von Unit-Tests für React-Komponenten
• Spionage-Techniken mit Sinon
• Testen von Komponenten, DOM-Manipulationen, Eigenschaften und State
• Simulieren von Events in Tests