吐槽一下前端难学

[johnman]

前端真心难学。只想简单依靠 antd 开箱即用的框架，写个后台，结果萝卜带出泥，antd/antd pro/pro-component/umi...文档散落，各种穿插，文档不清晰

还好框架还是挺优秀，能够挺方便运行。

[wu67]

其实不难, 只是 react 系尤其是 antd 的文档一言难尽, 尤其是用上 ts 的情况下, 对初学者 /初接触者极不友好, 生态越是开放 /自由发挥的技术栈, 越是容易整出各种花里胡哨的玩意...
不是吹, 如果你选择 vue+element 上手就没这感慨了...

[cbdyzj]

学习方向错了

[henryxie2093]

从 vue 2.x 开始，用 element-ui 组件库，各方面生态都稳定。

[dog82]

antd pro 文档好像是收费的，不付账只能看一个小时
我想尊重作者的付出，奈何很难说服公司为这个文档买单

[shilianmlxg]

react 的文档并不难懂。难懂的是 antd dvajs umi 。尤其是需求很急，你需要快速掌握组件里面的某个东西时，有画面了。

[gogogo2000]

用 antd 就好了，别用 antd pro ，那东西的文档极其糟糕，而且只是 antd 套娃，遇到问题想要找资料几乎是找不到的

[hervey0424]

千万不要用 antd pro 和 umi, 文档乱糟糟的, 出问题还不好解决

[shanyuhai123]

最近带前端 0 基础的，强烈意识到一定要从 vue2 开始，从 vue3 + ts 绝对劝退。

[libook]

Vue 的文档是我看过的觉得最贴心的文档，总能在我产生疑问的时候马上就在下文解答我的疑问。

个人认为前端难在于知识比较分散和扁平，导致大多知识都需要记住或随用随查。

[johnman]

@wu67 用着 antd pro 真心觉得有点失控的感觉，掌控感很弱，非常害怕以后维护。虽然是非程序员的个人业余项目。

[com781517552]

最好用 VUE 和 element

[zooeymango]

@dog82 不收费的呀

[magichacker]

@shilianmlxg 有画面了，有内味儿了

[johnman]

@shilianmlxg 从入门到放弃

[Baymaxbowen]

pro 真的是个垃圾

[johnman]

@com781517552 vue-element-admin ?

[sphawkcn]

@hervey0424 #7 能推荐一个代替 Umi 的吗？用了 Next.JS ，发现不是每次都能实现热加载刷新页面，如果不能热加载启动全量加载的时候，小项目都慢到爆，保存一次动不动就需要等 30-40 秒，等不起 ：（

[arfaWong]

别碰 antd pro 和 umi

[hexi1997]

@dog82 ? 你确定是 antd pro?

[hexi1997]

我觉得 antd pro 挺好用的，给了很多最佳实践

[golangLover]

@Baymaxbowen ？

[mr2xd]

没人推 Naive UI 吗

[likunyan]

早期的 antd 确实是这样，现在好一点。文档确实没 Bootstrap 、MUI 那么简单。

[stroh]

antd pro 已经是前端最简单的文档了吧，傻瓜都能直接上手，不像其他插件还要自己实现，如果换其他插件实现他相同的功能要多写一大坨代码，反而增加了复杂性

[gaolingyi]

初学者还是建议框架+ui 一步一步来, 不要上来就用 pro 等集成组件, 不然会发现好多东西看不懂也不知道该不该删

初学建议从 vue2 + element 起手, antd 文档本身就不咋地, antd pro 文档更是文档都没齐就更新下一版

[yhxx]

@dog82 怎么可能收费，你是不是看错了

不过楼主列的后面的这几个 antd pro/pro-component/umi 还是不推荐用，尤其是新人，真的有点难用

[dream4ever]

楼主的前端掌握到什么层次了？要具体情况具体分析，不管前端后端，写个 hello world 都很简单，开发真实项目都需要学习很多相关知识的。

[4771314]

前端是易上手，难精通
自己简单鼓捣一下，能用就行，那还是比较简单
要系统性的学习，东西挺多的，尤其是现在的主流的前端框架，东西都封装好了，有时候理解起来就很复杂

[xstmjh123]

千万别碰 umi dva 什么的阿里项目，项目用久了你也发现 antd 坑不要太多。但凡你能读英文文档的话，react 相关的文档和教程量又多又好，vue 全家桶也很不错

[IvanLi127]

antd pro 和 umi ，绝对不是给前端新人用的，那玩意没点功底简直就是个黑盒。封装了很多业务逻辑，不是纯粹的前端 UI 组件。

[vision1900]

如果你们公司的 UI 设计很有想法而且项目长期维护，用 antd 都已经够痛苦了，更别提 antd pro 和 umi ，那东西定制化起来简直让人头疼

[wunonglin]

angular material 的 api 设计不要好太多。用 ant 和 ele 那是自找苦吃而已

[darkengine]

我是搞不定 antd pro + umi 的，只用了 UI 框架那部分

[sphawkcn]

@xstmjh123 #29 不能这些用啥？推荐几个脚手架工具或者组合？

[dog82]

@zooeymango
@yhxx 我说的是 eleadminpro 这个控件库，https://eleadmin.com/doc/eleadminpro/#/

[tkHello]

跟我卷 我卷死你 我已经卷死 1 个人了

[kitebear]

前端不难，后端难

[johnman]

@dream4ever 非 coder ，算业余爱好者，js 尚可但新的语法糖有时脑袋会短路，CSS 属于开窍 20%-40%的状态，觉得所见非所得。stackoverflow 依赖严重

打算撸一个自己的 admin 后台，支持手机登录、邮箱登录、作为后续自己项目重用的基础，目标是快速成型。
admin 打算集成异步任务管理、用户管理、配置管理、日志功能功能
目前技术栈是
后端 django rest-framework
前端 antd-pro/react/typescript

现在的状态是写后端很愉快
写前端很痛苦，那一堆 antd-pro 组件用起来体验很差。基本靠全量的官方例子修改一下，主要是字段描述太不清晰了，文档散乱，需要打开 antd/antdpro/procomponent/umi 项目地址到处找文档。好在框架能很容易跑起来，集成了国际化、路由这些，不用自己选型

[johnman]

@vision1900 自己的项目，UI 没有特别需求。能跑能用就可以了。好维护，实现基本功能是首选

[yxzblue]

https://www.runoob.com/

[chloerei]

不要用前端框架，后端渲染+bootstrap 。

[estk]

文档写得最好的应该是这个框架： https://mui.com/

[makelove]

写后台管理支持下楼上观点，后台并不需要那么动态
且后端渲染开发更快

[ccraohng]

有没有可能是你自己的问题，这已经是傻瓜组件了

[whyrookie]

插楼问一下，V 友有推荐的 Rect 最佳实践吗

[whyrookie]

@whyrookie #45 React

[BugCry]

antd 极其难用，直接一堆配置甩脸上，而且 css 框架和 nextjs 还有冲突。你能想象 antd 里面同时存在 dayjs 和 momentjs 吗
个人项目基本都是 MUI 或者 PrimeReact ，组件齐全，规划得也很不错

[Leviathann]

react 不是那种没写过的人看一眼示例就能直接抄过去改改的框架
而是有其思想并且是思想先行的框架

[basefas]

我的建议是不要搞 antd pro ，直接学习写个简单的框架，只用 antd 就好
贴个自己的项目： https://github.com/basefas/react-antd-admin

[Cmdhelp]

尝试下 next.js 系列，和 tailwindcss 和 flowbite,小项目真不适合 antd 和 umi ，太臃肿了。

[Leviathann]

另外 antd 也就是 table 比较大而全所以在 hook 没出来的时候用的人多，其他组件并不见得好用

所以建议是用一些纯 ui 库 + tan table ，react hook form 这类专门处理 table form 的库

[johnman]

@ccraohng 有可能哈哈

[94qihang]

阿里：你在教我做事？

[gdrk]

antd pro 和 umi 这种太重了，真没必要浪费心神在他上面

[cmdOptionKana]

@johnman 业余爱好者没必要学 react 之类的，用 MVC 架构多舒服！

[FaiChou]

建议自底向上学习, 先把 js html css react webpack redux 这些底子打好, 然后再去使用学习框架.

[b1ncer]

antd 很好，别用 antd pro 。

antd pro 的定位就是疯狂推销自家的私货，不是一个从用户出发的技术产品。

可以参考这个很多年前的 issue：
https://github.com/ant-design/ant-design-pro/issues/556

[hzxxx]

用 layui 梭哈啊，或者 vue+element 啊，非前端用 react ant ts 还上 umi 那不是找罪受吗

[exploreexe]

同样感觉前端就是个大坑，首先是要学的东西巨多，我之前看过一个培训机构的 CSS 文档，一个 PDF 800 多 M ，让我瞬间不想学了，咱就说直接看这个文档不看视频，得学多久吧。

而且感觉前端的人特别喜欢发明轮子，一个个的都是大发明家，三天两头一个新框架。。。

[chrisia]

其实我感觉移动端更难，门槛很高。

[blankmiss]

@shanyuhai123 我倒是感觉 vue3 从零基础走挺平滑的

[Track13]

react 生态里我觉得 nextjs 的文档是最好的，英语苦手都能轻松学习。

[royzxq]

antd 除了彩蛋门之外，算是做挺不错的开源项目了。

新人不要用 antd pro 和 umi 就是了。

umi 现在改的我有点看不懂了..

[yolio2003]

前端很难，主要在于心态要放平看。
首先，react vue 都是摸索中的半吊子技术，并不稳定，还有无数多的新概念连作者都是半吊子水平。
火爆不等于优秀，只不过是顺应了时代的浪潮而已。

其次，社区过度活跃，难以分清优劣。

所以还得自己有批判的眼光和能力，慢慢规划技术升级的路线。

[serge001]

你用是用 vue2 的 vue-element-admin 模板来写，会有种是个人都会写的感觉。。用 antd 别说后端，就是专业前端都想吐槽

[mofe]

不喜欢 antd ，太重了
tailwindcss 写代码如沐春风，想怎么改怎么改
感觉主动权重回到自己手上

[bmwh123]

如果 angular 文档能仔细看的话 其实 angular 是最好的 很规范 也没什么多的选择

[ChiangKaishek]

同感, Flask RESTful + antd-pro
后端写起来舒服又顺畅
写前端的时候就难受地一批, 文档跳来跳去, 找文档找得人头大

[arnosolo]

只是简单写个后台管理页面的话, 用 vite-vue3-ts-unocss-primevue 好了, 文档很全.
模板 -> https://github.com/arnosolo/vite-vue3-ts-unocss-primevue

[zzzmh]

我个人觉得不学框架的话前端挺简单的，h5c3js 然后学点 jq 和 vue ，写写纯 html 页面。自从学了框架就一直抓脑壳

[ZoeeoZ]

每次看到这种帖子就不禁感叹,如果所有技术文档都有 vue 文档的水平,我们这样的低端程序员能活的舒服太多

[CHXX]

字节家的 UI 真心好看
Semi Design

[monologue520]

@yolio2003 大佬所言的「社区过度活跃」非常赞同,每天一种新技术真不是瞎吹嘘的,真是服了这些老 6,整的好像娱乐圈似的

[christin]

@mofe 我很好奇如果用 tailwind ，组件怎么解决呢？ 比如 element 和 antd 里面非常常见的 table 等功能，官方的组件库是收费的。

[euronx]

`pro-components` 的文档那是极度辣鸡

[TimPeake]

javaer/phper/goer/: 我会 Vue/React === 我会前端

[Mexion]

你真要写后台全部自己选型自己从头写还好点，用别人的里面各种过度封装到最后维护你会疯狂的，各种需求需要改这改那最后整个项目变成了依托答辩，别问我怎么知道的，因为我现在就在维护答辩，刚开始图方便用现成的，现在各种受束缚才知道多难受，里面绑定太多重构也不太可能了，现在只能忍着了。
像 antd 这种就用 antd 就行了，别用 antd pro ，这种框架绑定了一堆东西，你还要花时间一一去学一遍，现在前端各种轮子层出不穷，各种深度封装的框架里面封装了各种各样的轮子，只能说心累，自己选型舒服多了。

[jones2000]

就一个简单的后台， 又不是产品， 直接 jquery 搞下不就行了。

[mofe]

@christin #74
我买了 https://tailwindui.com/
如果不买也有开源免费的

[ragnaroks]

新手不要一上来就使用 UI 组件库，组件库都默认你本身知晓（基于框架的）用法。

[leega0]

踩错方向了，前端不止有 react ，还有 vue

[zzzzzzZ]

我朋友对此有个很精准的评价：阿里系的开源项目都是面向 OKR 做的，开放之后就不管了。

不是我硬黑，从文档、更新频率、反馈速度。ANTD 、阿里时期的 Flink 、Nacos 、Seata 简直一脉相承，有一种自生自灭的粗犷美。对新手来说这种支持程度学习门槛真的很高。

我承认和感谢阿里系的开源精神，也为我们国家越来越高的话语权感到骄傲。

听说当初饿了么被收购，把 ElementUI 的团队强行解散，一部分人补进 ANTD ，大部分人离开阿里。element 为此也杂乱过一段时间，但是现在又好了

[simo]

前端就是坑多，你现在开始学还好，最起码从语言层面规范化、工程化都好很多了。
零几年那时候开始，连 ie6 常见 bug 都是知识，并且还很重要。

[johnman]

框架掌控感太弱了。所以幡然醒悟改用 layui ？

[8355]

后端吐槽下 现在的前端一直都是在学别人写的框架
自己的东西已经越来越少了
不过牛逼的是把 ios 的安卓卷走了
安卓跑的快的去做车机了 ios 是真惨 除了移动互联网大厂做几个原生 app 之外 其他的也就是外包了吧

[abbq]

@8355 的确如此

[sky857412]

react + tailwindcss + antd + axios ，基本架子就搭建好了

[zhizunzz]

自己用的东西我打算试试百度 amis

[theguagua]

@BugCry 对的 antd 的 dayjs 还会和自己装依赖的冲突，以至于只能用 antd 的 dayjs ，，很离谱

[lodisy]

@whyrookie

状态管理 zustand 或 jotai
组件 radix 等无样式组件
样式 Tailwind CSS 等
3D R3F 全家桶
可视化 visx
数据请求 swr / tanstack
表单 tanstack
动画 motionone / react-spring

一时半会不知道还需要什么

最后学习 Solid.js 和 leptos :/

[a4854857]

就你自己的个人需求 vue2+element 不就够了.
现在很多新的前端开发范式要解决的问题你都不会遇到.得不偿失

[lodisy]

@lodisy
->
表单 react-hook-form
表格 - tanstack

[StrorageBox]

这你是没玩客户端

[HungryOrangeCat]

@christin daisyUI 了解下，tailwind css 必备伴侣

[AyaseEri]

你到底是怎么入坑后面三坨东西的，前端都不爱用后面三个玩意，尤其是 umi 。
说句题外话，我们组的前端、隔壁组的前端都不爱用 umi ，但是我们的后端老大 React 没写几行非要自己搭项目，然后用了 umi 。不知道 umi 是不是比较命中后端（尤其是 Java 架构师）的癖好。

[THESDZ]

我觉得你是不是应该先学下思想?设计理念和最佳实践?

[ychost]

其实 CRUD 用来用去无非就是 Table/Form/Input/Button 这些，自己看懂 Antd 之后再封装一下就好了，现在看 Antd 有点 Spring xml 的味道，一堆配置需要填充

[Yuxiaoy]

@whyrookie https://blog.miguelgrinberg.com/post/the-react-mega-tutorial-chapter-1-modern-javascript
Miguel 的 React 课程学起来很舒服，没有引入任何不必要的库，推荐跟着敲一遍。

[MrHyde]

远离阿里的东西

[lchynn]

@ZoeeoZ 喜欢传统的开发，又要现代的前端功能，c#系背景的，微软的 blazor 其实可以，其他语言平台的开发者可以等各种自己语言平台 WASM 框架方案成熟了，就不用现在 react ，vue 这种半吊子的前端框架了，也不用在 JS 这个语言上折腾。总觉得未来真正成熟的前端肯定不是现在这样群魔乱舞的。