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

Erfahrungsberichte (5)

Kombinierte Kurse

Advanced React

14 Stunden

FARM (FastAPI, React, and MongoDB) Full Stack Development

14 Stunden

Choosing the Right JavaScript Framework

14 Stunden

Testing React Apps with Jest

14 Stunden

MERN Fullstack Development

14 Stunden

Meteor and React

14 Stunden

Building Micro Frontends with React

21 Stunden

Building Microservices with NodeJS and React

21 Stunden

PHP with React

14 Stunden

React: Build Highly Interactive Web Applications

21 Stunden

Building Interactive Applications with React, Redux and GraphQL

28 Stunden

React Patterns

14 Stunden

Transform a React Application into a Progressive Web App (PWA)

14 Stunden

React, Redux and TypeScript

21 Stunden

React, Relay, and GraphQL

14 Stunden

Verwandte Kategorien