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

总体架构图

《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加速/缓存->页面渲染

数据交互及渲染

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

    原文作者:Eric_Huang
    原文地址: https://segmentfault.com/a/1190000009368717
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞