課程簡介

介紹

  • 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)

故障排除

總結和結論

最低要求

  • React 程式設計經驗

觀眾

  • 開發人員
 14 時間:

人數



每位參與者的報價

客戶評論 (6)

相關課程

課程分類