开始学习 React Native + MobX

setState | Redux | MobX

---2018年4月28号更新---

之前说要写也忘记写了,结果现在4月了,项目也结束了几个月了,想不起来当时的各种细枝末节。
一句话简单解释就是,MobX 的概念像 vue.js
学习曲线比 Redux 低一些,如果只是一个小 App 拿来用用就 OK 了
官方的文档水平属于 OK,不是写的很好。当然现在改进没有就不知道了。


原来的正文

这篇是预告文,不是学习完+实践完之后的总结文。
就是说说最近在倒腾这个事,之后可能会给 React Native + MobX 写点文章。

简单说就是最近开发 React Native 要管理状态,
我用了 react-navigation 做导航
多个屏幕间需要共享数据,

具体情况是,
这个 App 是一个图片处理的 App,
上传图片给后端之后处理,处理完成后, App 把结果图片下载下来。

屏幕 A 在选择图片后进入屏幕 B ,
屏幕 B 选择了上传配置之后点击"上传"
此时应该回到屏幕 A,并显示上传进度,等上传处理。
(一个0%~100%的进度条动画)

这里要实现这个,看了下 React 自己的状态管理,感觉 parent 传 child,把 state 当作 props 传进去,然后也传递一个 callback method 这样做,或者一些其他的方法:
https://www.youtube.com/watch?v=5Xew--ycx0o
https://codeburst.io/react-js-pass-data-from-components-8965d7892ca2

感觉不太好用,查了下 state management,
React Native 要么 setState 要么 Redux 要么 MobX,
https://www.youtube.com/watch?v=ZGVwMkrL2n0
(Comparing Redux and MobX with two CTO's and React experts - state management using reactjs)

看了下,觉得 3 个选择里 MobX 的学习曲线低一些,更简单一些,
看了不少资料决定就选 MobX 了。

另外这个教程真的不错:
Practical React with MobX
https://www.youtube.com/watch?v=XGwuM_u7UeQ

过阵子有结果了再写。
感谢阅读。