MobX 学习

资源汇集帖：
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/

其他一些经验文章

• https://github.com/ckinmind/mobx-share
• 使用mobx开发高性能react应用
• https://medium.com/@foxhound87/state-management-hydration-with-mobx-we-must-react-ep-05-1922a72453c6