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

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

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

2、未重构之前的设计
这里写图片描述

3、使用Flux重构后的设计
这里写图片描述

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

最后,再提供一下Flux思想的示意图,对比参考:
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值