Schulungsinhalt
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
Zielgruppe
Dieser Kurs richtet sich an JavaScript-Entwickler und Front-End-Entwickler, die ihre Fähigkeiten in der Erstellung von React-Anwendungen mit Flux und Redux vertiefen möchten.
Seminarziele
In diesem Kurs erwerben Sie fundierte Kenntnisse in der Entwicklung von React-Anwendungen und der Verwendung von Flux. Sie lernen, wie man React-Komponenten mithilfe von ES2015 erstellt und gängige Entwicklungswerkzeuge wie Babel und Webpack einsetzt. Der Kurs behandelt nicht nur grundlegende Konzepte, sondern auch fortgeschrittene Themen wie den Komponenten-Lebenszyklus, die Funktionsweise des Virtual DOM, das Ereignismanagement sowie die Kommunikation zwischen Komponenten.
Sie werden in die Entwicklung einer ersten Flux-Anwendung eingeführt, erfahren, wie Sie Code effektiv organisieren und AJAX- sowie WebSocket-Integration umsetzen. Weitere Themen beinhalten die Interaktion von Komponenten mit Stores und Aktionen sowie die Nutzung von Redux. Ein weiterer Schwerpunkt liegt auf der Manipulation des DOM und dem Testen von Komponenten mit Mocha, Chai und Sinon. Nach dem Kurs sind Sie in der Lage, moderne React-Anwendungen zu entwickeln, zu testen und zu optimieren.
Vorkenntnisse
Die Voraussetzung zur Teilnahme an diesem Kurs sind Kenntnisse aus dem Kurs „React – Basis“ oder vergleichbare Vorkenntnisse in der React-Entwicklung.
Seminardauer
Preis
Präsenzseminar/FLEXINAR®:
LIVEINAR®:
Individual Training: Preis auf Anfrage
Inhouse Training: Preis auf Anfrage
Seminarnummer
Fehler: Kontaktformular wurde nicht gefunden.
Ihr Berater
Martin Heubeck
Group Leader Sales
- martin.heubeck@protranet.de
Beratungszentrale und Buchungshotline:
- 0800 3400311
- beratung@protranet.de
Kataloge
Formate
Dieses Seminar können Sie als Präsenzseminar, online als LIVEINAR® oder im flexiblen Mix als FLEXINAR® buchen.
