Managing React State with MobX Kurzusok

Bevezetés

• MobX vs Redux vs váltó

Az állapot megértése Management

• Hogyan kezeli a React a helyi állapotot
• Hogyan kezeli Redux az állapotot
• Hogyan MobX kezeli az állapotot

Elkezdeni

• A fejlesztési környezet előkészítése
• Telepítés és konfigurálás MobX

Alkalmazás készítése

• A komponens architektúra áttekintése
• React Alkalmazás létrehozása (komponensek, Element, JSX stb.)

Munka a React komponens állapotával

• Inicializálási és frissítési állapot
• Munka űrlapokkal

MobX Adattár megvalósítása

• Az adattár beállítása
• Adatok átadása az összetevőknek
• Az adattár tartalmának listázása

Az adatok változásainak kezelése

• Adatok hozzáadása a tároláshoz
• Értesítés React az adatállapot változásáról

A Nézet frissítése

• Megfigyelhető adatok deklarálása
• A nézet frissítése

A DataFlow fejlesztése

• Állapotadatok módosítása műveletekkel
• Hívási műveletek (a nem biztonságos adatkezelés elkerülése)

Számított értékekkel való munka

• Számítások elvégzése az alapadatokon

Speciális fejlesztési eszközök és technikák használata

• Komponensek létrehozása ES2017 segítségével
• A Babel használata ES2017-hez és JSX-hez
• WebPack használata a React és MobX számára
• Aszinkron műveletek végrehajtása a következővel: MobX

Az alkalmazás tesztelése

• Egységtesztek készítése React komponensekhez
• Eszközök és keretrendszerek kiválasztása (Jest, Enzyme, TestUtils stb.)
• Egységtesztek készítése MobX üzletekhez
• Az alkalmazás hibakeresése

Az alkalmazás telepítése

• Szerszámozás és automatizálás
• Folyamatos integráció (CI) megvalósítása

Hibaelhárítás

Összefoglalás, és következtetés