其他分享
首页 > 其他分享> > React + Dva + Antd + Umi 快速入门

React + Dva + Antd + Umi 快速入门

作者:互联网

 

最近一个项目用了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 初实践

一般来说,可以分为主要的三个部分,modelsservices 和 views。其中,views负责页面上的展示,这个不做赘述;services里面主要写一些请求后台接口的方法;models是其中最重要的概念,这里存放了各种数据,并对数据进行相应的交互。

 

Dva 数据流向

总的来说如下:View层操作 –> 触发models层effect中方法 –> 触发service层请求,获取后台数据 –> 触发model层处理相应数据的方法,存储至reducer中 –> 更新model层中state –> 触发view层的render方法进行重新渲染 –> 页面更新

如图所示

 



参考网址

https://blog.csdn.net/SCU_Cindy/article/details/82432971

 

参考资源

 

标签:框架,dva,Dva,React,Antd,Umi
来源: https://www.cnblogs.com/miangao/p/16651820.html