React-Native Flux思想的学习与重构

刚开始学习React-Native的时候,谈不上思想与框架,先简单的用代码堆砌了一个小的demo出来,这个demo的原型就是用了郭霖大神的天气demo,只是将Android的项目,变成了RN的项目,仅此而已。

1、功能
在进入到页面的时候,获取数据,同时刷新ListView列表,将数据源刷新出来。

2、未重构之前的设计
React-Native Flux思想的学习与重构

3、使用Flux重构后的设计
React-Native Flux思想的学习与重构

重构之后,进一步将ViewController和Model层之间进步一解耦,通过不同的Action,利用Dispatcher进行分发到不同的Model上,用Dispacher和Action减轻了部分ViewController的逻辑,同时Model对于ViewController的回调采用了Listener的形式进行回调。

最后,再提供一下Flux思想的示意图,对比参考:
React-Native Flux思想的学习与重构