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
远离阿里的东西
|