React und Flux

Ziele

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.

Zielgruppe

• JavaScript-Entwickler
• Front-End-Entwickler

Voraussetzungen

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

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

Agenda

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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung