MobX 初体验

MobX 初体验

Published
March 23, 2017
Tags
FED
Description
MobX 是一个简单、方便扩展、久经考验的状态管理解决方案。

Mbox核心概念

State 是每一个应用程序的核心部分,而使用一个不合规范的 State 则是让你的应用充满 bug 和不可控性,或者就是局部变量的循环,让你的 state 失去了同步。有很多框架试图解决这个问题,比如使用不可变的 state,但是这样以来又带来了新的问题,比如数据必须规格化,完整性约束失效等等。
MobX 和Redux一样都是很热门的库,MboX通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:
任何源自应用状态的东西都应该自动地获得
 
其中包括UI、数据序列化、服务器通讯,等等。
下图为MobX对状态的管理过程
notion image
notion image
更多详细信息请参阅MboX中文文档=>http://cn.mobx.js.org/
关于MboX和Redux的比较,云谦大佬讲的比较清楚,感兴趣的可以移步 ==>MboX和Redux的比较
 

MobX项目实践

该实践项目涉及到的技术:
  • Ract
  • MobX
  • Ant-Design
  • Less
  • LocalStroge

组件划分

 
notion image
notion image
 
后期将继续完善
代码托管在Github,感兴趣可以自行下载,谢谢