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

发布时间:2019-06-24 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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 项目开发架构图全部内容,希望文章能够帮你解决react+redux+fetch 项目开发架构图所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。