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

轻松学 UmiJS 视频教程

35 个视频

畅销

4 小时 23 分钟高级前端React

已完结

🌕开始学习

¥ 138.00

微信支付支付宝支付

最终源码

https://github.com/hfpp2012/hello-umi-block-plugin

适宜人群

Webpack，React，JS，Redux，Dva，Ant Design Pro

https://github.com/hfpp2012/hello-umi

你需要准备什么？

了解过 React 即可
一台电脑一杯咖啡
电脑上装有 Nodejs 和一个你所喜欢的编辑器
一颗热爱编程的心

学习资源

https://www.qiuzhi99.com/playlists/react-antd-admin.html antd pro 课程

https://umijs.org/zh/guide/#%E4%BB%96%E5%92%8C-dva%E3%80%81roadhog-%E6%98%AF%E4%BB%80%E4%B9%88%E5%85%B3%E7%B3%BB%EF%BC%9F umi 介绍

https://umijs.org/zh/plugin/#%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8 插件使用

https://www.qiuzhi99.com/playlists/react-redux-saga-dva.html dva 课程

https://www.qiuzhi99.com/playlists/react-dva-roadhog.html roadhog 课程

https://www.qiuzhi99.com/playlists/react-dva-mockjs.html mock 课程，umi 有 mock 的功能

https://github.com/umijs/umi 源码

https://github.com/hfpp2012/redux-login/blob/master/client/src/routes.js

轻松学 UmiJS 视频教程 #1 介绍04:03

轻松学 UmiJS 视频教程 #2 快速上手04:49

轻松学 UmiJS 视频教程 #3 通过源码来了解 Umi07:04

轻松学 UmiJS 视频教程 #4 create-umi 如何使用08:08

轻松学 UmiJS 视频教程 #5 与 dva 结合的点点滴滴14:36

轻松学 UmiJS 视频教程 #6 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva - dva-immer12:54

轻松学 UmiJS 视频教程 #7 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载06:16

轻松学 UmiJS 视频教程 #8 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 part 207:58

轻松学 UmiJS 视频教程 #9 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - part 3（第二更）06:35

轻松学 UmiJS 视频教程 #10 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - level - part 408:38

轻松学 UmiJS 视频教程 #11 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - dynamic - part 5（第二更）06:25

轻松学 UmiJS 视频教程 #12 umi-plugin-React 之其他配置 - hmr - antd - routes05:29

轻松学 UmiJS 视频教程 #13 umi-plugin-React 之其他配置 - polyfills - antd（第二更）03:46

轻松学 UmiJS 视频教程 #14 umi-plugin-locale 和 React-intl 实现国际化04:34

轻松学 UmiJS 视频教程 #15 配置 umi-plugin-locale 实现国际化（第二更）05:45

轻松学 UmiJS 视频教程 #16 源码解析 umi-plugin-locale（第三更）05:31

轻松学 UmiJS 视频教程 #17 源码解析 umi-plugin-dll - Webpack 的 DllPlugin 有啥用10:05

轻松学 UmiJS 视频教程 #18 umi-plugin-React 的其他插件03:09

轻松学 UmiJS 视频教程 #19 umi-plugin-React 的 chunks 选项 - Webpack 的 SplitChunksPlugin 插件和 optimization.splitChunks 选项（三更）06:00

轻松学 UmiJS 视频教程 #20 实例讲解 umi-plugin-React 的 chunks 选项07:24

轻松学 UmiJS 视频教程 #21 代码、环境变量、路由08:56

轻松学 UmiJS 视频教程 #22 运行时配置06:44

轻松学 UmiJS 视频教程 #23 修改 Webpack 的配置09:23

轻松学 UmiJS 视频教程 #24 区块06:44

轻松学 UmiJS 视频教程 #25 如何快速安装区块10:24

轻松学 UmiJS 视频教程 #26 源码解析区块下载的原理04:30

轻松学 UmiJS 视频教程 #27 如何开发区块 - block06:17

轻松学 UmiJS 视频教程 #28 使用自己开发的区块 - block - 三更09:13

轻松学 UmiJS 视频教程 #29 区块宏替换与区块调试 - umi-plugin-block-dev（四更）09:39

轻松学 UmiJS 视频教程 #30 源码解析 umi-plugin-block-dev（五更）06:17

轻松学 UmiJS 视频教程 #31 深入解析 umi-plugin-pro-block09:43

轻松学 UmiJS 视频教程 #32 修改 umi-plugin-pro-block 插件源码让其支持 TypeScript（二更）08:20

轻松学 UmiJS 视频教程 #33 给 umi-plugin-pro-block 开源项目贡献代码发送 pr（三更）04:07

轻松学 UmiJS 视频教程 #34 把插件发布到 npmjs.com 网站（四更，还有一集完结）06:00

轻松学 UmiJS 视频教程 #35 写对自己有用的 umi 插件 - plugin - 减少打包体积大小的插件（完结）18:21

过滤：默认免费 Pro

创建时间从早到晚创建时间从晚到早视频最热门视频排列顺序

轻松学 UmiJS 视频教程 #1 介绍

免费04:03

2019-05-183001 次点击

轻松学 UmiJS 视频教程 #2 快速上手

免费04:49

2019-05-202722 次点击

轻松学 UmiJS 视频教程 #3 通过源码来了解 Umi

免费07:04

2019-05-202671 次点击

轻松学 UmiJS 视频教程 #4 create-umi 如何使用

Pro08:08

2019-06-121825 次点击

轻松学 UmiJS 视频教程 #5 与 dva 结合的点点滴滴

Pro14:36

2019-06-131345 次点击

轻松学 UmiJS 视频教程 #6 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva - dva-immer

Pro12:54

2019-06-211961 次点击

轻松学 UmiJS 视频教程 #7 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载

Pro06:16

2019-06-241142 次点击

轻松学 UmiJS 视频教程 #8 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 part 2

Pro07:58

2019-06-241049 次点击

轻松学 UmiJS 视频教程 #9 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - part 3（第二更）

Pro06:35

2019-06-251129 次点击

轻松学 UmiJS 视频教程 #10 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - level - part 4

Pro08:38

2019-06-261028 次点击

轻松学 UmiJS 视频教程 #11 通过源码深入解析 umi-plugin-React 之 umi-plugin-dva -动态加载 - dynamic - part 5（第二更）

Pro06:25

2019-06-261076 次点击

轻松学 UmiJS 视频教程 #12 umi-plugin-React 之其他配置 - hmr - antd - routes

Pro05:29

2019-06-27981 次点击

轻松学 UmiJS 视频教程 #13 umi-plugin-React 之其他配置 - polyfills - antd（第二更）

Pro03:46

2019-06-27978 次点击

轻松学 UmiJS 视频教程 #14 umi-plugin-locale 和 React-intl 实现国际化

Pro04:34

2019-06-281261 次点击

轻松学 UmiJS 视频教程 #15 配置 umi-plugin-locale 实现国际化（第二更）

Pro05:45

2019-06-281045 次点击

轻松学 UmiJS 视频教程 #16 源码解析 umi-plugin-locale（第三更）

Pro05:31

2019-06-281700 次点击

轻松学 UmiJS 视频教程 #17 源码解析 umi-plugin-dll - Webpack 的 DllPlugin 有啥用

Pro10:05

2019-07-121071 次点击

轻松学 UmiJS 视频教程 #18 umi-plugin-React 的其他插件

Pro03:09

2019-07-121123 次点击

轻松学 UmiJS 视频教程 #19 umi-plugin-React 的 chunks 选项 - Webpack 的 SplitChunksPlugin 插件和 optimization.splitChunks 选项（三更）

Pro06:00

2019-07-121570 次点击

轻松学 UmiJS 视频教程 #20 实例讲解 umi-plugin-React 的 chunks 选项

Pro07:24

2019-07-131059 次点击

轻松学 UmiJS 视频教程 #21 代码、环境变量、路由

Pro08:56

2019-07-161086 次点击

轻松学 UmiJS 视频教程 #22 运行时配置

Pro06:44

2019-07-161010 次点击

轻松学 UmiJS 视频教程 #23 修改 Webpack 的配置

Pro09:23

2019-07-161049 次点击

轻松学 UmiJS 视频教程 #24 区块

Pro06:44

2019-07-171623 次点击

轻松学 UmiJS 视频教程 #25 如何快速安装区块

Pro10:24

2019-07-181341 次点击

轻松学 UmiJS 视频教程 #26 源码解析区块下载的原理

Pro04:30

2019-07-191209 次点击

轻松学 UmiJS 视频教程 #27 如何开发区块 - block

Pro06:17

2019-07-191000 次点击

轻松学 UmiJS 视频教程 #28 使用自己开发的区块 - block - 三更

Pro09:13

2019-07-191231 次点击

轻松学 UmiJS 视频教程 #29 区块宏替换与区块调试 - umi-plugin-block-dev（四更）

Pro09:39

2019-07-19963 次点击

轻松学 UmiJS 视频教程 #30 源码解析 umi-plugin-block-dev（五更）

Pro06:17

2019-07-191010 次点击

轻松学 UmiJS 视频教程 #31 深入解析 umi-plugin-pro-block

Pro09:43

2019-07-201076 次点击

轻松学 UmiJS 视频教程 #32 修改 umi-plugin-pro-block 插件源码让其支持 TypeScript（二更）

Pro08:20

2019-07-201116 次点击

轻松学 UmiJS 视频教程 #33 给 umi-plugin-pro-block 开源项目贡献代码发送 pr（三更）

Pro04:07

2019-07-201193 次点击

轻松学 UmiJS 视频教程 #34 把插件发布到 npmjs.com 网站（四更，还有一集完结）

Pro06:00

2019-07-20979 次点击

轻松学 UmiJS 视频教程 #35 写对自己有用的 umi 插件 - plugin - 减少打包体积大小的插件（完结）

Pro18:21

2019-07-211200 次点击资源下载

939 位学员学过

12 条回复

00Jane · 金丹 #1 2019-04-20

umi 什么时候开始更新呢
lpeihan · 化神 #2 2019-06-10

dva-cli 已经废弃了大佬，要用 create-umi 代替，可以更新 umi 了哈哈哈
随风 · 练气 #3 2019-06-10

对 lpeihan · 化神 #10 回复

dva-cli 已经废弃了大佬，要用 create-umi 代替，可以更新 umi 了哈哈哈

嗯嗯，知道
netNowork · 合体 #4 2019-06-10

umi 什么时候开始更新呢？等着跟 pro 一块写了。
netNowork · 合体 #5 2019-07-02

umi 已经更新完了吗?
随风 · 练气 #6 2019-07-02

对 netNowork · 合体 #10 回复

umi 已经更新完了吗?

还没，要更
ChenWes · 化神 #7 2020-01-03

请问单买课程后，如何开发票？
随风 · 练气 #8 2020-01-03

对 ChenWes · 化神 #10 回复

请问单买课程后，如何开发票？

关注服务号，回复客服
ChenWes · 化神 #9 2020-03-04

老师，你好，想向你了解一下 docker 下发布 umi 应用时，如何使用环境变量解决测试环境与正式环境的后台 API 的 URL 的问题？
我了解到，在 docker 生成镜像时，使用 yarn build 命令后，再使用环境变量已经不能影响生成的文件了，请问你是如何解决的呢？期待老师的回复
随风 · 练气 #10 2020-03-04
对 ChenWes · 化神 #10 回复

老师，你好，想向你了解一下 docker 下发布 umi 应用时，如何使用环境变量解决测试环境与正式环境的后台 API 的 URL 的问题？
我了解到，在 docker 生成镜像时，使用 yarn build 命令后，再使用环境变量已经不能影响生成的文件了，请问你是如何解决的呢？期待老师的回复
```
from node:6.9

ARG PORT
ARG NPM_TOKEN

ENV PORT ${PORT}
ENV NPM_TOKEN ${NPM_TOKEN}

EXPOSE ${PORT}

ADD . /code
WORKDIR /code

RUN npm install
RUN npm run build
CMD npm run docker
```
类似这种，你看下 ENV

ChenWes · 化神 #11 2020-03-04

对

随风 · 练气 #10 回复

from node:6.9

ARG PORT
ARG NPM_TOKEN

ENV PORT ${PORT}
ENV NPM_TOKEN ${NPM_TOKEN}

EXPOSE ${PORT}

ADD . /code
WORKDIR /code

RUN npm install
RUN npm run build
CMD npm run docker

类似这种，你看下 ENV

老师，谢谢你的提醒，我再尝试一下

dengli22 · 化神 #12 2021-04-29

umi 的课程感觉有点老了，可以更新了，哈哈哈哈

随风 · 练气 2021-04-29 打赏此回复 1 积分

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

微信：qiuzhi99pro

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

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

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

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

Top