世界上最伟大的投资就是投资自己的教育

首页所有课程前端React源码

轻松学 dva（基础 + 进阶）视频教程

32 个视频

dva 是 React 的国产最佳实践框架，本套课程是讲解 dva 的最全入门指引教程，从入门，到进阶，讲解 dva 的方方面面的知识。学习本套视频需要 redux 和 redux-saga 的基础，没有的，请补充完基础再来学习。

畅销

2 小时 55 分钟高级前端React

随风 · 练气已完结

🌕开始学习

轻松学 dva（基础 + 进阶）视频教程

¥ 138.00

微信支付支付宝支付

学习本套视频需要 redux 和 redux-saga 的基础，没有的，请补充完基础再来学习。

视频的 dva 版本是 2.3.1。目前最新版本是 2.4.x，2.3.x 和 2.4.x 的版本 api 差异不大，可以放心学习。

你会学到什么？

  • dva 的基础知识

  • dva 的安装与配置，如何学习

  • dva 的所有 API 用法

  • 如何使用 dav 配置多页面入口

  • 何为单页面应用

  • BrowserRouter 和 HashRouter 的原理区别

  • 体验 redux-actions 的神奇魔力

  • 路由跳转的几种方式

  • 定义路由，定义 model，connect 起来，subscriptions 讲解 等

  • 体验发送 Ajax 的完整过程

  • dva-loading 的源码解析

  • 如何使用中间件

等等

适宜人群

学习过 React 或 Redux 的同学

你需要准备什么？

  • Redux 基础知识

  • 一台电脑一杯咖啡

  • 电脑上装有 Nodejs 和一个你所喜欢的编辑器

  • 一颗热爱前端的心

计划与安排

学习资源

https://github.com/dvajs/dva

https://dvajs.com/

https://github.com/hfpp2012/redux-login

轻松学 dva（基础 + 进阶）#1 什么是 dva05:49

轻松学 dva（基础 + 进阶）#2 如何来学习 dva 与它的学习资源推荐05:44

轻松学 dva（基础 + 进阶）#3 dva-cli 的安装与使用04:28

轻松学 dva（基础 + 进阶）#4 如何编写代码05:18

轻松学 dva（基础 + 进阶）#5 定义路由07:20

轻松学 dva（基础 + 进阶）#6 切换 history 为 browserHistory04:22

轻松学 dva（基础 + 进阶）#7 BrowserRouter 和 HashRouter 的原理区别（补充，何为单页面应用）06:47

轻松学 dva（基础 + 进阶）#8 编写 UI Component04:59

轻松学 dva（基础 + 进阶）#9 定义 model06:26

轻松学 dva（基础 + 进阶）#10 model API 详解（部分）04:43

轻松学 dva（基础 + 进阶）#11 connect 起来 part 105:20

轻松学 dva（基础 + 进阶）#12 connect 起来 part 203:24

轻松学 dva（基础 + 进阶）#13 使用 dispatch 分发一个 action07:00

轻松学 dva（基础 + 进阶）#14 详解 model 中的 reducer04:28

轻松学 dva（基础 + 进阶）#15 详解 model 中的 effects 处理异步07:10

轻松学 dva（基础 + 进阶）#16 详解 Redux-Saga 中的 select 方法05:41

轻松学 dva（基础 + 进阶）#17 使用 Webpack 的 require.context 来初始化多个 model05:18

轻松学 dva（基础 + 进阶）#18 关于 action 或 dispatch 的两个常见问题03:52

轻松学 dva（基础 + 进阶）#19 体验 redux-actions 的神奇魔力（选读）08:04

轻松学 dva（基础 + 进阶）#20 路由（router）跳转的两种方式05:41

轻松学 dva（基础 + 进阶）#21 路由（router）跳转的另外两种方式06:02

轻松学 dva（基础 + 进阶）#22 路由（router）跳转的最后一种方式05:13

轻松学 dva（基础 + 进阶）#23 subscriptions 订阅 part 104:11

轻松学 dva（基础 + 进阶）#24 subscriptions 订阅 part 204:06

轻松学 dva（基础 + 进阶）#25 实例详解发送 ajax 请求的完整过程07:21

轻松学 dva（基础 + 进阶）#26 实例详解 dva 的插件 dva-loading part 106:44

轻松学 dva（基础 + 进阶）#27 实例详解 dva 的插件 dva-loading part 206:14

轻松学 dva（基础 + 进阶）#28 传递 app 对象给 RouterConfig（补充）02:52

轻松学 dva（基础 + 进阶）#29 onAction、中间件、redux-logger04:12

轻松学 dva（基础 + 进阶）#30 阅读 dva-loading 的源码来学习 extraReducers06:09

轻松学 dva（基础 + 进阶）#31 阅读 dva-loading 的源码来学习 onEffect08:22

轻松学 dva（基础 + 进阶）#32 总结、指引、课程规划02:01

过滤： 默认 免费 Pro
轻松学 dva（基础 + 进阶）#1 什么是 dva

轻松学 dva（基础 + 进阶）#1 什么是 dva

免费05:49

19770 次点击 

轻松学 dva（基础 + 进阶）#2 如何来学习 dva 与它的学习资源推荐

轻松学 dva（基础 + 进阶）#2 如何来学习 dva 与它的学习资源推荐

免费05:44

6159 次点击 

轻松学 dva（基础 + 进阶）#3 dva-cli 的安装与使用

轻松学 dva（基础 + 进阶）#3 dva-cli 的安装与使用

免费04:28

6298 次点击 

轻松学 dva（基础 + 进阶）#4 如何编写代码

轻松学 dva（基础 + 进阶）#4 如何编写代码

Pro05:18

5665 次点击 

轻松学 dva（基础 + 进阶）#5 定义路由

轻松学 dva（基础 + 进阶）#5 定义路由

Pro07:20

6875 次点击 

轻松学 dva（基础 + 进阶）#6 切换 history 为 browserHistory

轻松学 dva（基础 + 进阶）#6 切换 history 为 browserHistory

Pro04:22

4554 次点击 

轻松学 dva（基础 + 进阶）#7 BrowserRouter 和 HashRouter 的原理区别（补充，何为单页面应用）

轻松学 dva（基础 + 进阶）#7 BrowserRouter 和 HashRouter 的原理区别（补充，何为单页面应用）

Pro06:47

4540 次点击 

轻松学 dva（基础 + 进阶）#8 编写 UI Component

轻松学 dva（基础 + 进阶）#8 编写 UI Component

Pro04:59

4386 次点击 

轻松学 dva（基础 + 进阶）#9 定义 model

轻松学 dva（基础 + 进阶）#9 定义 model

Pro06:26

4243 次点击 

轻松学 dva（基础 + 进阶）#10 model API 详解（部分）

轻松学 dva（基础 + 进阶）#10 model API 详解（部分）

Pro04:43

5576 次点击 

轻松学 dva（基础 + 进阶）#11 connect 起来 part 1

轻松学 dva（基础 + 进阶）#11 connect 起来 part 1

Pro05:20

4348 次点击 

轻松学 dva（基础 + 进阶）#12 connect 起来 part 2

轻松学 dva（基础 + 进阶）#12 connect 起来 part 2

Pro03:24

4704 次点击 

轻松学 dva（基础 + 进阶）#13 使用 dispatch 分发一个 action

轻松学 dva（基础 + 进阶）#13 使用 dispatch 分发一个 action

Pro07:00

3960 次点击 

轻松学 dva（基础 + 进阶）#14 详解 model 中的 reducer

轻松学 dva（基础 + 进阶）#14 详解 model 中的 reducer

Pro04:28

3365 次点击 

轻松学 dva（基础 + 进阶）#15 详解 model 中的 effects 处理异步

轻松学 dva（基础 + 进阶）#15 详解 model 中的 effects 处理异步

Pro07:10

4480 次点击 

轻松学 dva（基础 + 进阶）#16 详解 Redux-Saga 中的 select 方法

轻松学 dva（基础 + 进阶）#16 详解 Redux-Saga 中的 select 方法

Pro05:41

6977 次点击 

轻松学 dva（基础 + 进阶）#17 使用 Webpack 的 require.context 来初始化多个 model

轻松学 dva（基础 + 进阶）#17 使用 Webpack 的 require.context 来初始化多个 model

Pro05:18

3752 次点击 

轻松学 dva（基础 + 进阶）#18 关于 action 或 dispatch 的两个常见问题

轻松学 dva（基础 + 进阶）#18 关于 action 或 dispatch 的两个常见问题

Pro03:52

2709 次点击 

轻松学 dva（基础 + 进阶）#19 体验 redux-actions 的神奇魔力（选读）

轻松学 dva（基础 + 进阶）#19 体验 redux-actions 的神奇魔力（选读）

Pro08:04

3701 次点击 

轻松学 dva（基础 + 进阶）#20 路由（router）跳转的两种方式

轻松学 dva（基础 + 进阶）#20 路由（router）跳转的两种方式

Pro05:41

7148 次点击 

轻松学 dva（基础 + 进阶）#21 路由（router）跳转的另外两种方式

轻松学 dva（基础 + 进阶）#21 路由（router）跳转的另外两种方式

Pro06:02

3580 次点击 

轻松学 dva（基础 + 进阶）#22 路由（router）跳转的最后一种方式

轻松学 dva（基础 + 进阶）#22 路由（router）跳转的最后一种方式

Pro05:13

3811 次点击 

轻松学 dva（基础 + 进阶）#23 subscriptions 订阅 part 1

轻松学 dva（基础 + 进阶）#23 subscriptions 订阅 part 1

Pro04:11

4010 次点击 

轻松学 dva（基础 + 进阶）#24 subscriptions 订阅 part 2

轻松学 dva（基础 + 进阶）#24 subscriptions 订阅 part 2

Pro04:06

8007 次点击 

轻松学 dva（基础 + 进阶）#25 实例详解发送 ajax 请求的完整过程

轻松学 dva（基础 + 进阶）#25 实例详解发送 ajax 请求的完整过程

Pro07:21

6166 次点击 

轻松学 dva（基础 + 进阶）#26 实例详解 dva 的插件 dva-loading part 1

轻松学 dva（基础 + 进阶）#26 实例详解 dva 的插件 dva-loading part 1

Pro06:44

5670 次点击 

轻松学 dva（基础 + 进阶）#27 实例详解 dva 的插件 dva-loading part 2

轻松学 dva（基础 + 进阶）#27 实例详解 dva 的插件 dva-loading part 2

Pro06:14

6905 次点击 

轻松学 dva（基础 + 进阶）#28 传递 app 对象给 RouterConfig（补充）

轻松学 dva（基础 + 进阶）#28 传递 app 对象给 RouterConfig（补充）

Pro02:52

4280 次点击 

轻松学 dva（基础 + 进阶）#29 onAction、中间件、redux-logger

轻松学 dva（基础 + 进阶）#29 onAction、中间件、redux-logger

Pro04:12

3808 次点击 

轻松学 dva（基础 + 进阶）#30 阅读 dva-loading 的源码来学习 extraReducers

轻松学 dva（基础 + 进阶）#30 阅读 dva-loading 的源码来学习 extraReducers

Pro06:09

7201 次点击 

轻松学 dva（基础 + 进阶）#31 阅读 dva-loading 的源码来学习 onEffect

轻松学 dva（基础 + 进阶）#31 阅读 dva-loading 的源码来学习 onEffect

Pro08:22

3441 次点击 

轻松学 dva（基础 + 进阶）#32 总结、指引、课程规划

轻松学 dva（基础 + 进阶）#32 总结、指引、课程规划

Pro02:01

16231 次点击资源下载

663 位学员学过

benicer9527 · 凡人满汀州 · 凡人丑的别致丶 · 凡人hsl · 凡人EB4 · 凡人轻重 · 凡人她的心里有话说... · 凡人潦草 · 凡人Jacky Lee · 凡人HZAU-KJ · 筑基Min · 凡人花生 · 化神清晨 · 凡人Young · 练气冲田海，叶惠美和高文强 · 凡人断笔 · 凡人二毛 · 凡人1275727217 · 元婴不二🏋🏻 · 金丹guxiaobai · 大罗卖女孩的小火柴 · 凡人Blue · 凡人alvin2ye · 凡人张燕涛 · 凡人Electronic_pp · 凡人Hailsham · 凡人~@！#$%^& · 化神liuxh-fullstack · 凡人WLF777 · 凡人故事很长 · 凡人zzq1236_test · 金丹折木绫川谷 · 金丹zzq1236 · 凡人左钱钱 · 元婴whitsats · 真仙Crs · 凡人what · 凡人不觞不咏而载幽情 · 凡人郑 · 练虚舒心管家小盛 · 凡人杰富富 · 凡人wbstart · 金丹慢慢 · 凡人Abel🇨🇳 · 化神Jeff · 金丹F.Shaw · 凡人tpjay11 · 大罗张琳 · 道祖TingGe · 金丹Z问号 · 金丹flycc258 · 金丹夏天 · 化神
0 条回复
暂无回复~~

▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬

微信：qiuzhi99pro

b 站：https://space.bilibili.com/31152817

知乎：https://www.zhihu.com/people/rails365

Youtube：https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg

© 汕尾市求知科技有限公司 | Rails365 Gitlab | 知乎 | b 站 | csdn

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top