Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "React und Flux" erhalten Sie eine Einführung in die Grundlagen sowie vertiefte Konzepte von React und Flux. Sie erfahren, wie man React-Komponenten mit ES2015 erstellt und nutzen Werkzeuge wie Babel und Webpack. Fortgeschrittene Themen sind unter anderem der Komponenten-Lebenszyklus, das Virtual DOM, Ereignisbehandlung, die Kommunikation zwischen Komponenten sowie Redux. Sie entwickeln Ihre erste Flux-Anwendung und lernen dabei, wie man Code organisiert und AJAX integriert.

Der Kurs behandelt zudem die Verbindung von Komponenten mit Stores und Aktionen, die Nutzung von Redux, DOM-Manipulationen sowie Unit-Tests mit Mocha, Chai und Sinon. Nach Abschluss des Seminars verfügen Sie über ein fundiertes Verständnis von React, Flux und den erforderlichen Tools, um effektive React-Anwendungen zu entwickeln und zu testen.

Teilnehmer - Zielgruppe

  • JavaScript-Entwickler
  • Front-End-Entwickler

Kurs - Voraussetzungen

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

Seminardauer

  • 3 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / 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

Weitere Schulungen zu Thema React

Jakarta EE - Moderne Full Stack Entwicklung mit React und MongoDB

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Jakarta EE – Moderne Full Stack Entwicklung mit React und MongoDB" erhalten Sie einen umfassenden Überblick über aktuelle Webtechnologien und sind danach in der Lage, ein komplettes Webprojekt mit modernen Tools umzusetzen. Der Schwerpunkt ...

ASP.NET Core-Entwicklung mit React und Redux

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "ASP.NET Core-Entwicklung mit React und Redux" erlernen Sie die notwendigen Fähigkeiten, um eine moderne Webanwendung zu entwickeln, die JavaScript auf der Client-Seite und ASP.NET Core im Backend nutzt. Sie erhalten grundlegende Kenntnisse in der ...

React und GraphQL (mit TypeScript)

- u.a. in Leipzig, Mannheim, Erfurt, Darmstadt, Jena

In diesem 4-tägigen Seminar "React und GraphQL (mit TypeScript)" erhalten Sie einen umfassenden Einblick in die Kombination von React und GraphQL, um komplexe Frontend-Oberflächen zu gestalten und Daten effizient von APIs abzurufen. Beide Technologien stammen von Facebook und ...

React und Redux - Unit Testing

- u.a. in Nürnberg, Wien, Koblenz, Freiburg, Kassel

In diesem 2-tägigen Seminar "React und Redux – Unit Testing" erhalten Sie eine Einführung in die Grundlagen des gezielten Testens von React- und Redux-Anwendungen. Dabei steht der Einsatz des Jest-Frameworks im Mittelpunkt, mit dem Sie Tests für React-Komponenten und ...