资源汇集帖:
https://github.com/mobxjs/awesome-mobx/blob/master/README-CN.md

中文文档: http://cn.mobx.js.org/

Store 如何引入?

https://github.com/mobxjs/mobx/issues/300

有3种方法:

  • 通过 props 传递
  • 直接 import
  • 通过 context / Provider 机制传

可根据可测试性、使用方便性自己选择。

如何和 react-router 一起用?

http://frontendinsights.com/connect-mobx-react-router/

表单

mobx-react-form

https://medium.com/@foxhound87/automagically-manage-react-forms-state-with-mobx-and-automatic-validation-2b00a32b9769

主要特点:

  • 支持3种 validation 模式

    • VJF: 传统 js function 校验
    • DVR: 声明式校验规则
    • SVK: JSON schema 校验关键字
    • 可以混合几种模式,还可异步验证。
  • form 是个独立的对象,跟组件如何呈现无关。
  • 使用时,每个字段通过绑定的语法关联到表单的 field. 按照字段名字匹配。

另一个例子,不用库,直接实现表单双向绑定 https://blog.risingstack.com/handling-react-forms-with-mobx-observables/

其他一些经验文章

05-11 22:28