Mutable state Mutable state Important aspect of MobX state is its mutability. On the contrary of popular solutions like Redux or useReducer which works best with immutable da...

如何(不)使用装饰器 启用装饰器语法 装饰器语法 和 Create React App 免责声明: 装饰器语法的局限性: 如何(不)使用装饰器 在MobX 中使用 ES.next 装饰器是可选的。本章节将解释如何(避免)使用它们。 使用装饰器语法的优势: 样板文件最小化，声明式代码。 易于使用和阅读。大多数 MobX 用户都在使用。 使...

MobX + React 开发者工具 用法: MobX + React 开发者工具 egghead.io 第2课: 开发者工具 MobX 附带的开发者工具可以用来追踪应用的渲染行为和数据依赖关系。 用法: 安装: npm install mobx-react-devtools 要启用开发者工具，导入 DevTools 组件并在代...

如何(不)使用装饰器 启用装饰器语法 装饰器语法 和 Create React App 免责声明: 装饰器语法的局限性: 如何(不)使用装饰器 在MobX 中使用 ES.next 装饰器是可选的。本章节将解释如何(避免)使用它们。 使用装饰器语法的优势: 样板文件最小化，声明式代码。 易于使用和阅读。大多数 MobX 用户都在使用。 使...

MobX + React 开发者工具 用法: MobX + React 开发者工具 egghead.io 第2课: 开发者工具 MobX 附带的开发者工具可以用来追踪应用的渲染行为和数据依赖关系。 用法: 安装: npm install mobx-react-devtools 要启用开发者工具，导入 DevTools 组件并在代...

使用 MobX 的开源项目 使用 MobX 的开源项目 已迁移至 官方的 awesome mobx

MobX API参考 核心API 创建 observables observable(value) @observable property = value observable.box(value) & observable.shallowBox(value) observable.object(value) & observable....

Observer component Nesting caveat Observer component <Observer> {renderFn} </Observer> Works the same way with mobx-react or mobx-react-lite ...

Example： 自定义的 Store 必须继承 @minapp/mobx 中的 MobxStore，否则组件有可能不会更新 其它用法和 mobx 一致，可以查看 mobx 的官方文档 Example： import { MobxStore } from '@minapp/mobx' import { observable...

MyStore.js // MyStore.js 建一个 MobxStore 类 import { MobxStore } from '@minapp/mobx' import { observable } from 'mobx' export class MyStore extends Mo...