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）

故障 排除

总结和结论