这是一个创建于 708 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端真心难学。只想简单依靠 antd 开箱即用的框架，写个后台，结果萝卜带出泥，antd/antd pro/pro-component/umi...文档散落，各种穿插，文档不清晰
还好框架还是挺优秀，能够挺方便运行。
还好框架还是挺优秀，能够挺方便运行。
 |
1
wu67 2022-12-12 09:11:11 +08:00  1
其实不难, 只是 react 系尤其是 antd 的文档一言难尽, 尤其是用上 ts 的情况下, 对初学者 /初接触者极不友好, 生态越是开放 /自由发挥的技术栈, 越是容易整出各种花里胡哨的玩意...
不是吹, 如果你选择 vue+element 上手就没这感慨了... |
 |
2
cbdyzj 2022-12-12 09:11:12 +08:00 via Android
学习方向错了
|
 |
3
henryxie2093 2022-12-12 09:17:35 +08:00
从 vue 2.x 开始，用 element-ui 组件库，各方面生态都稳定。
|
 |
4
dog82 2022-12-12 09:22:45 +08:00
antd pro 文档好像是收费的，不付账只能看一个小时
我想尊重作者的付出，奈何很难说服公司为这个文档买单 |
 |
5
shilianmlxg 2022-12-12 09:23:42 +08:00
react 的文档并不难懂。难懂的是 antd dvajs umi 。尤其是需求很急，你需要快速掌握组件里面的某个东西时，有画面了。
|
 |
6
gogogo2000 2022-12-12 09:25:30 +08:00 1
用 antd 就好了，别用 antd pro ，那东西的文档极其糟糕，而且只是 antd 套娃，遇到问题想要找资料几乎是找不到的
|
 |
7
hervey0424 2022-12-12 09:26:31 +08:00 2
千万不要用 antd pro 和 umi, 文档乱糟糟的, 出问题还不好解决
|
 |
8
shanyuhai123 2022-12-12 09:27:58 +08:00
最近带前端 0 基础的，强烈意识到一定要从 vue2 开始，从 vue3 + ts 绝对劝退。
|
 |
9
libook 2022-12-12 09:28:09 +08:00 via Android 1
Vue 的文档是我看过的觉得最贴心的文档，总能在我产生疑问的时候马上就在下文解答我的疑问。
个人认为前端难在于知识比较分散和扁平，导致大多知识都需要记住或随用随查。 |
 |
10
johnman OP @wu67 用着 antd pro 真心觉得有点失控的感觉，掌控感很弱，非常害怕以后维护。虽然是非程序员的个人业余项目。
|
 |
11
com781517552 2022-12-12 09:29:32 +08:00
最好用 VUE 和 element
|
 |
12
zooeymango 2022-12-12 09:31:04 +08:00
@dog82 不收费的呀
|
 |
13
magichacker 2022-12-12 09:32:46 +08:00
@shilianmlxg 有画面了，有内味儿了
|
|
14
johnman OP @shilianmlxg 从入门到放弃
|
 |
15
Baymaxbowen 2022-12-12 09:35:44 +08:00
pro 真的是个垃圾
|
|
16
johnman OP @com781517552 vue-element-admin ?
|
 |
17
sphawkcn 2022-12-12 09:38:09 +08:00
@hervey0424 #7 能推荐一个代替 Umi 的吗？用了 Next.JS ，发现不是每次都能实现热加载刷新页面，如果不能热加载启动全量加载的时候，小项目都慢到爆，保存一次动不动就需要等 30-40 秒，等不起 ：（
|
 |
18
arfaWong 2022-12-12 09:38:54 +08:00
别碰 antd pro 和 umi
|
 |
20
hexi1997 2022-12-12 09:45:22 +08:00
我觉得 antd pro 挺好用的，给了很多最佳实践
|
 |
21
golangLover 2022-12-12 09:45:24 +08:00 via Android
@Baymaxbowen ？
|
 |
22
mr2xd 2022-12-12 09:48:11 +08:00
没人推 Naive UI 吗
|
 |
23
likunyan 2022-12-12 09:50:16 +08:00
早期的 antd 确实是这样，现在好一点。文档确实没 Bootstrap 、MUI 那么简单。
|
 |
24
stroh 2022-12-12 09:53:45 +08:00
antd pro 已经是前端最简单的文档了吧，傻瓜都能直接上手，不像其他插件还要自己实现，如果换其他插件实现他相同的功能要多写一大坨代码，反而增加了复杂性
|
 |
25
gaolingyi 2022-12-12 09:56:13 +08:00
初学者还是建议框架+ui 一步一步来, 不要上来就用 pro 等集成组件, 不然会发现好多东西看不懂也不知道该不该删
初学建议从 vue2 + element 起手, antd 文档本身就不咋地, antd pro 文档更是文档都没齐就更新下一版 |
 |
26
yhxx 2022-12-12 10:19:09 +08:00
|
 |
27
dream4ever 2022-12-12 10:22:08 +08:00
楼主的前端掌握到什么层次了？要具体情况具体分析，不管前端后端，写个 hello world 都很简单，开发真实项目都需要学习很多相关知识的。
|
 |
28
4771314 2022-12-12 10:25:13 +08:00
前端是易上手，难精通
自己简单鼓捣一下，能用就行，那还是比较简单 要系统性的学习，东西挺多的，尤其是现在的主流的前端框架，东西都封装好了，有时候理解起来就很复杂 |
 |
29
xstmjh123 2022-12-12 10:27:25 +08:00
千万别碰 umi dva 什么的阿里项目，项目用久了你也发现 antd 坑不要太多。但凡你能读英文文档的话，react 相关的文档和教程量又多又好，vue 全家桶也很不错
|
 |
30
IvanLi127 2022-12-12 10:30:31 +08:00 2
antd pro 和 umi ，绝对不是给前端新人用的，那玩意没点功底简直就是个黑盒。封装了很多业务逻辑，不是纯粹的前端 UI 组件。
|
 |
31
vision1900 2022-12-12 10:36:07 +08:00
如果你们公司的 UI 设计很有想法而且项目长期维护，用 antd 都已经够痛苦了，更别提 antd pro 和 umi ，那东西定制化起来简直让人头疼
|
 |
32
wunonglin 2022-12-12 10:40:17 +08:00
angular material 的 api 设计不要好太多。用 ant 和 ele 那是自找苦吃而已
|
 |
33
darkengine 2022-12-12 10:40:47 +08:00
我是搞不定 antd pro + umi 的，只用了 UI 框架那部分
|
|
35
dog82 2022-12-12 10:44:32 +08:00
|
 |
36
tkHello 2022-12-12 10:45:34 +08:00
跟我卷 我卷死你 我已经卷死 1 个人了
|
 |
37
kitebear 2022-12-12 10:47:50 +08:00
前端不难，后端难
|
|
38
johnman OP @dream4ever 非 coder ，算业余爱好者，js 尚可但新的语法糖有时脑袋会短路，CSS 属于开窍 20%-40%的状态，觉得所见非所得。stackoverflow 依赖严重
打算撸一个自己的 admin 后台，支持手机登录、邮箱登录、作为后续自己项目重用的基础，目标是快速成型。 admin 打算集成异步任务管理、用户管理、配置管理、日志功能功能 目前技术栈是 后端 django rest-framework 前端 antd-pro/react/typescript 现在的状态是写后端很愉快 写前端很痛苦，那一堆 antd-pro 组件用起来体验很差。基本靠全量的官方例子修改一下，主要是字段描述太不清晰了，文档散乱，需要打开 antd/antdpro/procomponent/umi 项目地址到处找文档。好在框架能很容易跑起来，集成了国际化、路由这些，不用自己选型 |
|
39
johnman OP @vision1900 自己的项目，UI 没有特别需求。能跑能用就可以了。好维护，实现基本功能是首选
|
 |
40
yxzblue 2022-12-12 11:02:03 +08:00
|
 |
41
chloerei 2022-12-12 11:04:04 +08:00 via iPhone
不要用前端框架，后端渲染+bootstrap 。
|
 |
42
estk 2022-12-12 11:09:49 +08:00
文档写得最好的应该是这个框架： https://mui.com/
|
 |
43
makelove 2022-12-12 11:14:39 +08:00
写后台管理支持下楼上观点，后台并不需要那么动态
且后端渲染开发更快 |
 |
44
ccraohng 2022-12-12 11:16:27 +08:00
有没有可能是你自己的问题，这已经是傻瓜组件了
|
 |
45
whyrookie 2022-12-12 11:16:42 +08:00
插楼问一下，V 友有推荐的 Rect 最佳实践吗
|
 |
47
BugCry 2022-12-12 11:20:38 +08:00 via Android
antd 极其难用，直接一堆配置甩脸上，而且 css 框架和 nextjs 还有冲突。你能想象 antd 里面同时存在 dayjs 和 momentjs 吗
个人项目基本都是 MUI 或者 PrimeReact ，组件齐全，规划得也很不错 |
 |
48
Leviathann 2022-12-12 11:22:45 +08:00
react 不是那种没写过的人看一眼示例就能直接抄过去改改的框架
而是有其思想并且是思想先行的框架 |
 |
49
basefas 2022-12-12 11:24:51 +08:00
我的建议是不要搞 antd pro ，直接学习写个简单的框架，只用 antd 就好
贴个自己的项目： https://github.com/basefas/react-antd-admin |
 |
50
Cmdhelp 2022-12-12 11:25:05 +08:00
尝试下 next.js 系列，和 tailwindcss 和 flowbite,小项目真不适合 antd 和 umi ，太臃肿了。
|
|
51
Leviathann 2022-12-12 11:31:50 +08:00
另外 antd 也就是 table 比较大而全所以在 hook 没出来的时候用的人多，其他组件并不见得好用
所以建议是用一些纯 ui 库 + tan table ，react hook form 这类专门处理 table form 的库 |
 |
53
94qihang 2022-12-12 11:39:18 +08:00
阿里：你在教我做事？
|
 |
54
gdrk 2022-12-12 11:39:54 +08:00
antd pro 和 umi 这种太重了，真没必要浪费心神在他上面
|
 |
55
cmdOptionKana 2022-12-12 11:48:43 +08:00
@johnman 业余爱好者没必要学 react 之类的，用 MVC 架构多舒服！
|
 |
56
FaiChou 2022-12-12 12:00:45 +08:00
建议自底向上学习, 先把 js html css react webpack redux 这些底子打好, 然后再去使用学习框架.
|
 |
57
b1ncer 2022-12-12 12:11:19 +08:00
antd 很好，别用 antd pro 。
antd pro 的定位就是疯狂推销自家的私货，不是一个从用户出发的技术产品。 可以参考这个很多年前的 issue： https://github.com/ant-design/ant-design-pro/issues/556 |
 |
58
hzxxx 2022-12-12 12:24:31 +08:00
用 layui 梭哈啊，或者 vue+element 啊，非前端用 react ant ts 还上 umi 那不是找罪受吗
|
 |
59
exploreexe 2022-12-12 12:24:38 +08:00
同样感觉前端就是个大坑，首先是要学的东西巨多，我之前看过一个培训机构的 CSS 文档，一个 PDF 800 多 M ，让我瞬间不想学了，咱就说直接看这个文档不看视频，得学多久吧。
而且感觉前端的人特别喜欢发明轮子，一个个的都是大发明家，三天两头一个新框架。。。 |
 |
60
chrisia 2022-12-12 12:39:33 +08:00
其实我感觉移动端更难，门槛很高。
|
 |
61
blankmiss 2022-12-12 12:50:42 +08:00
@shanyuhai123 我倒是感觉 vue3 从零基础走挺平滑的
|
 |
62
Track13 2022-12-12 12:53:23 +08:00 via Android
react 生态里我觉得 nextjs 的文档是最好的，英语苦手都能轻松学习。
|
 |
63
royzxq 2022-12-12 13:00:45 +08:00
antd 除了彩蛋门之外，算是做挺不错的开源项目了。
新人不要用 antd pro 和 umi 就是了。 umi 现在改的我有点看不懂了.. |
 |
64
yolio2003 2022-12-12 13:01:50 +08:00
前端很难，主要在于心态要放平看。
首先，react vue 都是摸索中的半吊子技术，并不稳定，还有无数多的新概念连作者都是半吊子水平。 火爆不等于优秀，只不过是顺应了时代的浪潮而已。 其次，社区过度活跃，难以分清优劣。 所以还得自己有批判的眼光和能力，慢慢规划技术升级的路线。 |
 |
65
serge001 2022-12-12 13:05:42 +08:00
你用是用 vue2 的 vue-element-admin 模板来写，会有种是个人都会写的感觉。。用 antd 别说后端，就是专业前端都想吐槽
|
 |
66
mofe 2022-12-12 13:06:01 +08:00
不喜欢 antd ，太重了
tailwindcss 写代码如沐春风，想怎么改怎么改 感觉主动权重回到自己手上 |
 |
67
bmwh123 2022-12-12 13:26:58 +08:00 3
如果 angular 文档能仔细看的话 其实 angular 是最好的 很规范 也没什么多的选择
|
 |
68
ChiangKaishek 2022-12-12 13:33:40 +08:00
同感, Flask RESTful + antd-pro
后端写起来舒服又顺畅 写前端的时候就难受地一批, 文档跳来跳去, 找文档找得人头大 |
 |
69
arnosolo 2022-12-12 13:45:23 +08:00
只是简单写个后台管理页面的话, 用 vite-vue3-ts-unocss-primevue 好了, 文档很全.
模板 -> https://github.com/arnosolo/vite-vue3-ts-unocss-primevue |
 |
70
zzzmh 2022-12-12 13:47:46 +08:00
我个人觉得不学框架的话前端挺简单的，h5c3js 然后学点 jq 和 vue ，写写纯 html 页面。自从学了框架就一直抓脑壳
|
 |
71
ZoeeoZ 2022-12-12 13:48:25 +08:00
每次看到这种帖子就不禁感叹,如果所有技术文档都有 vue 文档的水平,我们这样的低端程序员能活的舒服太多
|
 |
72
CHXX 2022-12-12 14:08:01 +08:00
字节家的 UI 真心好看
Semi Design |
 |
73
monologue520 2022-12-12 14:10:08 +08:00
@yolio2003 大佬所言的「社区过度活跃」非常赞同,每天一种新技术真不是瞎吹嘘的,真是服了这些老 6,整的好像娱乐圈似的
|
 |
74
christin 2022-12-12 14:22:19 +08:00
@mofe 我很好奇如果用 tailwind ，组件怎么解决呢？ 比如 element 和 antd 里面非常常见的 table 等功能，官方的组件库是收费的。
|
 |
75
euronx 2022-12-12 14:23:39 +08:00
`pro-components` 的文档那是极度辣鸡
|
 |
76
TimPeake 2022-12-12 14:25:28 +08:00
javaer/phper/goer/: 我会 Vue/React === 我会前端
|
 |
77
Mexion 2022-12-12 14:30:51 +08:00
你真要写后台全部自己选型自己从头写还好点，用别人的里面各种过度封装到最后维护你会疯狂的，各种需求需要改这改那最后整个项目变成了依托答辩，别问我怎么知道的，因为我现在就在维护答辩，刚开始图方便用现成的，现在各种受束缚才知道多难受，里面绑定太多重构也不太可能了，现在只能忍着了。
像 antd 这种就用 antd 就行了，别用 antd pro ，这种框架绑定了一堆东西，你还要花时间一一去学一遍，现在前端各种轮子层出不穷，各种深度封装的框架里面封装了各种各样的轮子，只能说心累，自己选型舒服多了。 |
 |
78
jones2000 2022-12-12 14:33:52 +08:00
就一个简单的后台， 又不是产品， 直接 jquery 搞下不就行了。
|
|
79
mofe 2022-12-12 14:38:29 +08:00
|
 |
80
ragnaroks 2022-12-12 15:36:53 +08:00
新手不要一上来就使用 UI 组件库，组件库都默认你本身知晓（基于框架的）用法。
|
 |
81
leega0 2022-12-12 15:45:07 +08:00
踩错方向了，前端不止有 react ，还有 vue
|
 |
82
zzzzzzZ 2022-12-12 15:55:55 +08:00
我朋友对此有个很精准的评价：阿里系的开源项目都是面向 OKR 做的，开放之后就不管了。
不是我硬黑，从文档、更新频率、反馈速度。ANTD 、阿里时期的 Flink 、Nacos 、Seata 简直一脉相承，有一种自生自灭的粗犷美。对新手来说这种支持程度学习门槛真的很高。 我承认和感谢阿里系的开源精神，也为我们国家越来越高的话语权感到骄傲。 听说当初饿了么被收购，把 ElementUI 的团队强行解散，一部分人补进 ANTD ，大部分人离开阿里。element 为此也杂乱过一段时间，但是现在又好了 |
 |
83
simo 2022-12-12 15:57:29 +08:00
前端就是坑多，你现在开始学还好，最起码从语言层面规范化、工程化都好很多了。
零几年那时候开始，连 ie6 常见 bug 都是知识，并且还很重要。 |
|
84
johnman OP 框架掌控感太弱了。所以幡然醒悟改用 layui ？
|
 |
85
8355 2022-12-12 16:50:53 +08:00
后端吐槽下 现在的前端一直都是在学别人写的框架
自己的东西已经越来越少了 不过牛逼的是把 ios 的安卓卷走了 安卓跑的快的去做车机了 ios 是真惨 除了移动互联网大厂做几个原生 app 之外 其他的也就是外包了吧 |
 |
87
sky857412 2022-12-12 18:00:47 +08:00
react + tailwindcss + antd + axios ，基本架子就搭建好了
|
 |
88
zhizunzz 2022-12-12 18:15:52 +08:00
自己用的东西我打算试试百度 amis
|
 |
89
theguagua 2022-12-12 18:25:12 +08:00
@BugCry 对的 antd 的 dayjs 还会和自己装依赖的冲突，以至于只能用 antd 的 dayjs ，，很离谱
|
 |
90
lodisy 2022-12-12 18:34:08 +08:00 2
@whyrookie
状态管理 zustand 或 jotai 组件 radix 等无样式组件 样式 Tailwind CSS 等 3D R3F 全家桶 可视化 visx 数据请求 swr / tanstack 表单 tanstack 动画 motionone / react-spring 一时半会不知道还需要什么 最后学习 Solid.js 和 leptos :/ |
 |
91
a4854857 2022-12-12 18:34:19 +08:00
就你自己的个人需求 vue2+element 不就够了.
现在很多新的前端开发范式要解决的问题你都不会遇到.得不偿失 |
 |
93
StrorageBox 2022-12-12 20:29:54 +08:00
这你是没玩客户端
|
 |
94
HungryOrangeCat 2022-12-12 21:12:45 +08:00 1
@christin daisyUI 了解下，tailwind css 必备伴侣
|
 |
95
AyaseEri 2022-12-12 21:31:21 +08:00
你到底是怎么入坑后面三坨东西的，前端都不爱用后面三个玩意，尤其是 umi 。
说句题外话，我们组的前端、隔壁组的前端都不爱用 umi ，但是我们的后端老大 React 没写几行非要自己搭项目，然后用了 umi 。不知道 umi 是不是比较命中后端（尤其是 Java 架构师）的癖好。 |
 |
96
THESDZ 2022-12-12 22:34:10 +08:00
我觉得你是不是应该先学下思想?设计理念和最佳实践?
|
 |
97
ychost 2022-12-12 22:45:20 +08:00
其实 CRUD 用来用去无非就是 Table/Form/Input/Button 这些，自己看懂 Antd 之后再封装一下就好了，现在看 Antd 有点 Spring xml 的味道，一堆配置需要填充
|
 |
98
Yuxiaoy 2022-12-13 01:03:23 +08:00
@whyrookie https://blog.miguelgrinberg.com/post/the-react-mega-tutorial-chapter-1-modern-javascript
Miguel 的 React 课程学起来很舒服，没有引入任何不必要的库，推荐跟着敲一遍。 |
 |
99
MrHyde 2022-12-13 02:02:14 +08:00
远离阿里的东西
|
Select Language