React und Flux

React und ES2015

• ES2015-Funktionen, die sich auf React auswirken
• Komponenten mit ES2015 erstellen
• Verwendung von Babel für ES2015 und JSX
• Verwendung von WebPack mit React
• Immutable.js verwenden

Fortgeschrittene React-Komponenten

• Component Life-Cycle
• Virtual DOM
• Events
• State Machines
• Compositions
• Communication zwischen Components
• Reusable Components
• Cloning Components

Einführung in Flux

• Wichtige Flux-Konzepte
• Actions
• Dispatchers
• Stores
• Flows

Erste Flux-Anwendung

• Organisieren Sie Ihren Code und verstehen Sie das mentale Modell
• Erstellen Ihrer Hello World
• AJAX und Web Sockets einbinden
• Verstehen Sie den Zweck und das Design
• Rückrufe und der Dispatcher

Speicher

• Verstehen des Zwecks von Stores
• Verknüpfung von Stores mit dem Dispatcher

Komponenten

• Wie man sich mit Stores verbindet
• Wie man sich mit Aktionen verbindet

Redux

• Unterschiede zwischen Redux und Flux
• Reducer-Funktionen
• Arbeiten mit einem Store
• Vorteile und Nachteile von Redux

Arbeiten mit dem DOM

• DOM-Elemente referenzieren
• DOM-Manipulation
• HTML5 Drag and Drop

Node.js und Server-DOM-Manipulation
Unit-Tests mit TestUtils

• Unit-Tests mit Mocha, Chai und Sinon
• React Component Unit Tests mit Mocha und Chai schreiben
• Spionieren mit Sinon
• Testen von Komponenten
• Testen von DOM Manipulationen
• Testen von Eigenschaften und State
• Events simulieren

In dieser 3-tägigen Schulung "React und Flux" lernen Sie die Grundlagen und fortgeschrittene Konzepte von React und Flux. Sie lernen, React-Komponenten mit ES2015 zu erstellen und verwenden Tools wie Babel und Webpack. Fortgeschrittene Themen umfassen den Komponenten-Lebenszyklus, Virtual DOM, Ereignisse, Kommunikation zwischen Komponenten und Redux. Sie erstellen Ihre erste Flux-Anwendung und lernen Codeorganisation und AJAX-Integration.

Der Kurs deckt auch die Verbindung von Komponenten mit Stores und Aktionen, die Arbeit mit Redux, DOM-Manipulation und Unit-Tests mit Mocha, Chai und Sinon ab. Nach Abschluss des Kurses haben Sie ein solides Verständnis von React, Flux und den Tools, um effektive React-Anwendungen zu entwickeln und zu testen.

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Besuch des Kurses Einführung in React oder vergleichbare Kenntnisse

Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.

• JavaScript-Entwickler
• Front-End-Entwickler