Schulungsübersicht

Einführung

  • MobX vs Redux vs Relais

Verstehen State Management

  • Wie React mit lokalen Zuständen umgeht
  • Wie Redux den Zustand verwaltet
  • Wie MobX den Zustand verwaltet

Erste Schritte

  • Vorbereiten der Entwicklungsumgebung
  • Installieren und Konfigurieren MobX

Erstellung einer Anwendung

  • Überblick über die Komponentenarchitektur
  • Erstellen einer React Anwendung (Komponenten, Element, JSX, etc.)

Arbeiten mit React Komponentenzustand

  • Initialisieren und Aktualisieren des Status
  • Arbeiten mit Formularen

Implementierung eines MobX Datenspeichers

  • Einrichten des Datenspeichers
  • Übergabe von Daten an Komponenten
  • Inhalt des Datenspeichers ausgeben

Änderungen an Daten verwalten

  • Hinzufügen von Daten zum Speicher
  • Benachrichtigung React über die Änderung des Datenzustands

Aktualisieren der Ansicht

  • Deklaration beobachtbarer Daten
  • Aktualisieren der Ansicht

Verbesserung des DataFlow

  • Ändern von Zustandsdaten durch Aktionen
  • Aufruf von Aktionen (Vermeidung von unsicherer Datenmanipulation)

Arbeiten mit berechneten Werten

  • Perforierende Berechnungen von Kerndaten

Verwendung fortgeschrittener Entwicklungswerkzeuge und -techniken

  • Erstellen von Komponenten mit ES2017
  • Verwendung von Babel für ES2017 und JSX
  • Verwendung von WebPack für React und MobX
  • Ausführen asynchroner Aktionen mit MobX

Testen der Anwendung

  • Erstellung von Unit-Tests für React-Komponenten
  • Auswahl von Tools und Frameworks (Jest, Enzyme, TestUtils, etc.)
  • Erstellen von Unit-Tests für MobX-Speicher
  • Fehlersuche in der Anwendung

Bereitstellen der Anwendung

  • Tooling und Automatisierung
  • Implementierung der kontinuierlichen Integration (CI)

Fehlersuche

Zusammenfassung und Schlussfolgerung

Voraussetzungen

  • React Programmiererfahrung

Publikum

  • Entwickler
 14 Stunden

Teilnehmerzahl



Preis je Teilnehmer

Verwandte Kategorien