react+redux+fetch 项目开发架构图

总体架构图

1、底层模块化基于ES6模块处理；
2、基于react全家桶框架、数据请求我们选择了Fecth，并引入whatwg-fetch来解决Fetch的兼容性问题
3、基于react和UI规范开发了组件库，基于fetch封装一套简洁的API调用方式
4、我们为了分离数据请求和业务逻辑，将业务组件拆分成容器组件（抽象数据处理逻辑）和展示型组件（业务处理逻辑）；action行为的（用户）抽象；reducer函数，通过传入的action和state，修改Store
5、静态资源发布CDN，访问网页->静态资源请求->CND加速／缓存->页面渲染

数据交互及渲染

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!