Managing React State with MobX Počítačový Kurz

Úvod

MobX vs Redux vs Relay

Pochopení State Management

Jak React zpracovává místní stav Jak Redux spravuje stav Jak MobX spravuje stav

Začínáme

Příprava vývojového prostředí Instalace a konfigurace MobX

Vytvoření aplikace

Přehled architektury komponent Vytvoření aplikace React (Komponenty, Element, JSX atd.)

Práce s React Stav součásti

Inicializace a aktualizace stavu Práce s formuláři

Implementace MobX úložiště dat

Nastavení úložiště dat Předávání dat komponentám Výpis obsahu úložiště dat

Správa změn dat

Přidání dat do úložiště Oznámení React o změně stavu dat

Aktualizace zobrazení

Deklarování pozorovatelných dat Aktualizace pohledu

Zlepšení DataFlow

Úprava stavových dat pomocí akcí Volání akcí (zabránění nebezpečné manipulaci s daty)

Práce s vypočítanými hodnotami

Provádění výpočtů na základních datech

Používání pokročilých vývojových nástrojů a technik

Vytváření komponent pomocí ES2017 Použití Babel pro ES2017 a JSX Použití WebPack pro React a MobX Provádění asynchronních akcí s MobX

Testování aplikace

Vytváření jednotkových testů pro komponenty React Výběr nástrojů a frameworků (Jest, Enzyme, TestUtils atd.) Vytváření jednotkových testů pro úložiště MobX Ladění aplikace

Nasazení aplikace

Nástroje a automatizace Implementace kontinuální integrace (CI)

Odstraňování problémů

Shrnutí a závěr