SEMINAR
W-3130
React
3 Tage
Standorte
Termine
React und Flux
Kein Badge verfügbar.
Ihr Seminar buchen
Seminarinhalte
Ziele
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.
Inhalte
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
Badge
Kein Badge verfügbar.
Vorkenntnisse
Die Voraussetzung zur Teilnahme an diesem Kurs sind Kenntnisse aus dem Kurs „React - Basis“ oder vergleichbare Vorkenntnisse in der React-Entwicklung.
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.
Methoden
KONTAKT
Martin Heubeck
Sales Gruppenseminare und Inhouse
Mo – Fr 8:00 – 17:00 Uhr
E-Mail senden
+49 891 22216949
+49 800 3060303
JETZT UNVERBINDLICHEN BERATUNGSTERMIN BUCHEN
„Im Beratungsprozess lege ich besonderen Wert darauf, die besonderen Bedürfnisse und Ziele Ihres Unternehmens genau zu verstehen. Gemeinsam mit Ihnen entwickle ich passgenaue Lösungen, die sowohl fachliche Anforderungen erfüllen als auch die persönliche Weiterentwicklung der Mitarbeitenden fördern – immer praxisnah und auf Augenhöhe.“
Seien Sie nicht nur am Ergebnis orientiert. Sondern auch am Erlebnis.
