React 生态里的 umi.js，很好用吗？

V2EX › React

React 生态里的 umi.js，很好用吗？

IvanLi127 · 2 天前 · 1415 次点击

公司目前有几个项目用到这个，都是 umi.js + antd，我对 umi 也不太熟悉。现在我要为新项目搭建一个后台，但是我不太喜欢 umi，感觉对于这个项目来说有点复杂，而且想尽量用 Context 来共享数据。

对于一个比较小型的后台，有必要使用 umi 吗？
有什么比较好用的路由库推荐嘛？

27 条回复 • 2021-09-05 17:14:59 +08:00

xingguang 2 天前 1

小型的后台其实没必要，自建路由也不是很费事，umi 主要是习惯之后出活比较快，缺点是更新换代还挺快的，有时候老点的东西就不支持了

noe132 2 天前 2

我之前把项目的 umi 干掉了，所有东西直接用 webpack 。
路由直接自己遍历目录动态生成代码。

umijs 的文档太不专业了，就跟那种笔记技术博客一个水平。而且很多时候你光看 umi 文档还不够，你还得看他封装的东西的文档。到头来还不如自己搭建来的方便

IvanLi127 2 天前

@noe132 我也觉得文档有一些随意，而且这种好像是集大成的框架我有点不敢用。
我对直接遍历目录生成路由比较感兴趣，不过没找到相关的轮子，大佬你这生成是在 babel 里实现的，还是 webpack ？我觉得这种方案比较舒服，我都差点想上 next.js 了

jworg 2 天前 2

umi2 和 umi3，怎么说呢，现在网上还有很多教程是 2 的，拿来入门的表示被坑的不要不要的，还是 vite 简洁清楚。

IvanLi127 2 天前

@jworg 我发现有不少人拿 vite 和 umi 对比，我感觉在功能上 umi ≈ vite + 应用框架的样子？
vite 感觉不错，不过之前没用过，这次不敢在公司项目上用。vite 会有什么坑吗？

basefas 2 天前 1

同不喜欢 umi，连 antd pro 都不用，直接 cra+antd 的 prolayout，剩下的自己撸
发下自己写的
https://github.com/basefas/react-antd-admin

forsigner 2 天前

曾经用了好长一段时间 umi，后面换到 Next.js 了

Cbdy 2 天前 via Android

不建议用，另外这是阿里出品

vision1900 2 天前 1

珍爱生命，远离 Umi 和 Antd

IvanLi127 2 天前

@Cbdy 我当时看到有阿里的影子就很慌。
我觉得这方面，阿里家的就 antd 能用了，哈哈（如果不去回忆按钮被狗啃过的那件事）。

noe132 2 天前 1

不需要 webpack 也不需要 babel 。
直接遍历目录，生成一个树结构，然后根据树结构生成一个 route.ts 里面包括所有的页面的动态 import，然后在 App.tsx 里递归生成对应的路由元素。
整个解析的代码也就 100 多行。最后就是开发时开一个 watch 服务，检测到文件变化就重新生成一遍就行
https://pastebin.com/bALG20WF

basefas 2 天前 via iPhone

@IvanLi127 还有配合写的 Go 后端哈

rockjike 2 天前

@noe132 直接遍历目录，生成一个树结构，然后根据树结构生成一个 route.ts 无法支持路由参数灵活的场景, 一般都以配置化为主, 小型项目走约定式路由

noe132 2 天前

@rockjike 自己生成的好处是有啥需求可以直接改，想要啥结构都不是问题。用这种文档差劲的库，文档还没搞清楚，我自己写代码早就写完了。

x940727 2 天前

@vision1900 远离 Antd 没问题，React 还有啥好的 UI 框架吗？

IvanLi127 2 天前

@noe132 到时候我也试试，不过另启 watch 服务会不会导致多构建一次？

jworg 2 天前

@IvanLi127 我只是个人用用，写写自己的网页，感觉还没遇到过坑，关键词都能很快搜到解决方法，反倒是 umi 总是搜着搜着发现都是 umi2 的配置 /解决方式。

yikyo 2 天前 1

管理后台一般不需要状态管理，hooks + antd procomponents 足够了，开发又快。

xlsepiphone 2 天前 1

Vite+TailwindCSS 一把梭,ant design 太重了,umi 个人觉得文档太简略了,封装过头.

tuomasi 1 天前

阿里出品，必属"精品"

dream4ever 1 天前

@noe132 这代码看着真舒服，好评。

JerryCha 23 小时 41 分钟前

Rocketer 18 小时 53 分钟前

看见很多说自己搭的，我的经验是自己搭还不如用 umi 这种第三方的脚手架呢，至少大家有个统一的文档可以看。

自己搭的架子，文档 90%比 umi 还差，除非这项目完全是你自己做，否则会给其他人带来更痛苦的困扰。

当然我也不用 umi 了，因为阿里的开源项目太个人。之前有个项目，umi 升级后发现文档里只有 yarn 和 ts，而不提供 npm 和 js 的说明了。这是逼着我团队里所有人都学 yarn 和 ts 吗？我知道他一定想说 yarn 和 ts 好，但谁规定好东西一定要学的？又不是个人单打独斗，能带着一群新手出活，才是团队的用法。

还是尽量用 cra 这种用户量大的吧，至少有问题的时候容易搜到答案

jomsou 4 小时 46 分钟前 via iPhone

感觉 umi 对于一般的需求太重了，还有就是 vite 是真香，自己在重构的时候写了个模版，https://github.com/zenquan/react-admin-template.git

路由库 react-router 算是标配吧

关于 · 帮助文档 · FAQ · API · 我们的愿景 · 广告投放 · 感谢 · 实用小工具 · 2328 人在线 最高记录 5497 ·

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 21ms · UTC 14:01 · PVG 22:01 · LAX 07:01 · JFK 10:01
♥ Do have faith in what you're doing.

React 生态里的 umi.js，很好用吗？

React 生态里的 umi.js，很好用吗？

Recommend

Hello！umi

使用umi改进dva项目开发

一个月过去后，Umi UI 怎么样了

umi-request 统一异常处理实践

🎉 发布 Umi 3.2.0 — 可能是西湖区最好用的 SSR 框架

lerna+umi+antd+qiankun 搭建微服务过程

在umi中实现一次构建多环境部署

机械革命Umi Pro 3的Linux EC踩坑记录

umi request 下载数据流

[ROM][12.1][UMI][CMI][OFFICIAL] Evolution X

About Joyk