最近一个项目用了React + Dva + Antd + Umi 技术栈
基础框架概念
React
前端三大框架之一。
Dva
由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：”dva 是 react 和 redux 的最佳实践”。
Antd
是阿里的一套开箱即用的中台前端/设计解决方案，UI框架。
Umi
一套可插拔的企业级 react 应用框架，同样由dva作者 sorrycc 完成。他在Umi中引入了 UI 工具 antd，打包工具 roadhog，路由 react-router和状态管理器 dva，做到了可插拔机制
Dva 初实践
一般来说，可以分为主要的三个部分，models、services 和 views。其中，views负责页面上的展示，这个不做赘述；services里面主要写一些请求后台接口的方法；models是其中最重要的概念，这里存放了各种数据，并对数据进行相应的交互。
Dva 数据流向
总的来说如下：View层操作 –> 触发models层effect中方法 –> 触发service层请求，获取后台数据 –> 触发model层处理相应数据的方法，存储至reducer中 –> 更新model层中state –> 触发view层的render方法进行重新渲染 –> 页面更新
如图所示
参考网址
https://blog.csdn.net/SCU_Cindy/article/details/82432971
参考资源
- umi + dva，完成用户管理的 CURD 应用
- Dva入门课
- Umi官方指南
- React官方指南
- Dva官方指南
- Ant Design
- Dva + Ant Design 前后端分离之 React 应用实践
- Dva Github
标签：框架,dva,Dva,React,Antd,Umi 来源： https://www.cnblogs.com/miangao/p/16651820.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。