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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞