Installing Instructions Windows macOS Linux Next Step Additional Tools Local Development Server Dependency Management Node.js Proxy Settings for Downloading Frontend Toolcha...

状态 (State) 管理参考 总体概览 setState InheritedWidget & InheritedModel Provider & Scoped Model Redux BLoC / Rx MobX 状态 (State) 管理参考 状态管理是一个复杂的议题。你可能遇到此教程暂未解答的问题，或者与此教程结果不符的现象。 ...

action (动作) 何时使用动作？ 绑定的动作 runInAction(name?, thunk) action (动作) egghead.io 第5课: actions 在 egghead.io 上观看 用法: action(fn) action(name, fn) @...

直接操控 Observable 直接操控 Observable 现在有一个统一的工具 API 可以操控 observable 映射、对象和数组。这些 API 都是响应式的，这意味着如果使用 set 进行添加，使用 values 或 keys 进行迭代，即便是新属性的声明都可以被 MobX 检测到。 values(thing) 将集合中的...

Expr Expr 由 mobx-utils 包提供。 expr 可以用来在计算值(computed values)中创建临时性的计算值。嵌套计算值有助于创建低廉的计算以防止运行昂贵的计算。 在下面示例中，如果 selection 在其他地方改变，表达式会阻止 TodoView 组件重新渲染。相反，只有当相关待办事项被(取消)选择时，组件才...

优化 React 组件渲染 使用大量的小组件 在专用组件中渲染列表 不要使用数组的索引作为 key 晚一点使用间接引用值 尽早绑定函数 优化 React 组件渲染 MobX 非常快，甚至比 Redux 更快 。但本章节提供一些小贴士，以便充分利用 React 和 MobX。请注意，大多数小贴士都适用于普通的 React，而非 MobX 专用...

相关项目 相关项目 已迁移至 官方的 awesome mobx

样板项目 样板项目 已迁移至 官方的 awesome mobx

使用无状态组件的热加载(Hot Module Reloading) 使用函数声明来替代箭头函数 确保顶层组件是有状态的观察者 使用无状态组件的热加载(Hot Module Reloading) 当刚接触 MobX(和普通的 React) 时有一个挑战就是理解为什么热加载(HMR)有时会失败。当热加载起初工作时，它看起来像魔术一般(确实也是)，但是...

优化 React 组件渲染 使用大量的小组件 在专用组件中渲染列表 不要使用数组的索引作为 key 晚一点使用间接引用值 尽早绑定函数 优化 React 组件渲染 MobX 非常快，甚至比 Redux 更快 。但本章节提供一些小贴士，以便充分利用 React 和 MobX。请注意，大多数小贴士都适用于普通的 React，而非 MobX 专用...