Managing React State with MobX培訓

介紹

• MobX 與 Redux 與 Relay

理解 State Management

• React 如何處理本地狀態
• Redux 如何管理狀態
• MobX 如何管理狀態

開始

• 準備開發環境
• 安裝與設定MobX

構建應用程式

• 組件體系結構概述
• 建立 React 應用程式（元件、元素、JSX 等）

使用 React 元件狀態

• 初始化和更新狀態
• 使用表單

實現 MobX 數據存儲

• 設置數據存儲
• 將數據傳遞給元件
• 列出數據存儲的內容

管理資料更改

• 將數據添加到存儲
• 通知 React 資料狀態的更改

更新檢視

• 聲明可觀察數據
• 更新檢視

改進數據流

• 通過操作修改狀態數據
• 呼叫操作（避免不安全的數據操作）

使用計算值

• 對岩心數據進行射孔計算

使用高級開發工具和技術

• 使用ES2017創建元件
• 在 ES2017 和 JSX 中使用 Babel
• 使用 WebPack for React 和 MobX
• 使用MobX執行異步操作

測試應用程式

• 為 React 元件創建單元測試
• 選擇工具和框架（Jest、Enzyme、TestUtils 等）
• 為MobX商店創建單元測試
• 調試應用程式

部署應用程式

• 模具和自動化
• 實現持續整合 （CI）

故障排除

總結和結論