• 请不要在回答技术问题时复制粘贴 AI 生成的内容
johnman
V2EX  ›  程序员

吐槽一下前端难学

  •  3
     
  •   johnman · Dec 12, 2022 · 19790 views
    This topic created in 1422 days ago, the information mentioned may be changed or developed.
    前端真心难学。只想简单依靠 antd 开箱即用的框架,写个后台,结果萝卜带出泥,antd/antd pro/pro-component/umi...文档散落,各种穿插,文档不清晰

    还好框架还是挺优秀,能够挺方便运行。
    114 replies  •  2022-12-30 10:23:07 +08:00
    1  2  
    ❮ ❯
    wu67
    wu67
    Dec 12, 2022❤️1
    1
    其实不难, 只是 react 系尤其是 antd 的文档一言难尽, 尤其是用上 ts 的情况下, 对初学者 /初接触者极不友好, 生态越是开放 /自由发挥的技术栈, 越是容易整出各种花里胡哨的玩意...
    不是吹, 如果你选择 vue+element 上手就没这感慨了...
    cbdyzj
    cbdyzj
    Dec 12, 2022 via Android
    2
    学习方向错了
    henryxie2093
    henryxie2093
    Dec 12, 2022
    3
    从 vue 2.x 开始,用 element-ui 组件库,各方面生态都稳定。
    dog82
    dog82
    Dec 12, 2022
    4
    antd pro 文档好像是收费的,不付账只能看一个小时
    我想尊重作者的付出,奈何很难说服公司为这个文档买单
    shilianmlxg
    shilianmlxg
    Dec 12, 2022
    5
    react 的文档并不难懂。难懂的是 antd dvajs umi 。尤其是需求很急,你需要快速掌握组件里面的某个东西时,有画面了。
    gogogo2000
    gogogo2000
    Dec 12, 2022❤️1
    6
    用 antd 就好了,别用 antd pro ,那东西的文档极其糟糕,而且只是 antd 套娃,遇到问题想要找资料几乎是找不到的
    hervey0424
    hervey0424
    Dec 12, 2022❤️2
    7
    千万不要用 antd pro 和 umi, 文档乱糟糟的, 出问题还不好解决
    shanyuhai123
    shanyuhai123
    Dec 12, 2022
    8
    最近带前端 0 基础的,强烈意识到一定要从 vue2 开始,从 vue3 + ts 绝对劝退。
    libook
    libook
    Dec 12, 2022 via Android❤️1
    9
    Vue 的文档是我看过的觉得最贴心的文档,总能在我产生疑问的时候马上就在下文解答我的疑问。

    个人认为前端难在于知识比较分散和扁平,导致大多知识都需要记住或随用随查。
    johnman
    johnman
    OP
    Dec 12, 2022
    10
    @wu67 用着 antd pro 真心觉得有点失控的感觉,掌控感很弱,非常害怕以后维护。虽然是非程序员的个人业余项目。
    vk4LNh8gE08SBd9V
    vk4LNh8gE08SBd9V
    Dec 12, 2022
    11
    最好用 VUE 和 element
    zooeymango
    zooeymango
    Dec 12, 2022
    12
    @dog82 不收费的呀
    magichacker
    magichacker
    Dec 12, 2022
    13
    @shilianmlxg 有画面了,有内味儿了
    johnman
    johnman
    OP
    Dec 12, 2022
    14
    @shilianmlxg 从入门到放弃
    Yishanshan
    Yishanshan
    Dec 12, 2022
    15
    pro 真的是个垃圾
    johnman
    johnman
    OP
    Dec 12, 2022
    16
    @com781517552 vue-element-admin ?
    sphawkcn
    sphawkcn
    Dec 12, 2022
    17
    @hervey0424 #7 能推荐一个代替 Umi 的吗?用了 Next.JS ,发现不是每次都能实现热加载刷新页面,如果不能热加载启动全量加载的时候,小项目都慢到爆,保存一次动不动就需要等 30-40 秒,等不起 :(
    arfaWong
    arfaWong
    Dec 12, 2022
    18
    别碰 antd pro 和 umi
    hexi1997
    hexi1997
    Dec 12, 2022
    19
    @dog82 ? 你确定是 antd pro?
    hexi1997
    hexi1997
    Dec 12, 2022
    20
    我觉得 antd pro 挺好用的,给了很多最佳实践
    golangLover
    golangLover
    Dec 12, 2022 via Android
    21
    mr2xd
    mr2xd
    Dec 12, 2022
    22
    没人推 Naive UI 吗
    QKgf555H87Fp0cth
    QKgf555H87Fp0cth
    Dec 12, 2022
    23
    早期的 antd 确实是这样,现在好一点。文档确实没 Bootstrap 、MUI 那么简单。
    stroh
    stroh
    Dec 12, 2022
    24
    antd pro 已经是前端最简单的文档了吧,傻瓜都能直接上手,不像其他插件还要自己实现,如果换其他插件实现他相同的功能要多写一大坨代码,反而增加了复杂性
    gaolingyi
    gaolingyi
    Dec 12, 2022
    25
    初学者还是建议框架+ui 一步一步来, 不要上来就用 pro 等集成组件, 不然会发现好多东西看不懂也不知道该不该删

    初学建议从 vue2 + element 起手, antd 文档本身就不咋地, antd pro 文档更是文档都没齐就更新下一版
    yhxx
    yhxx
    Dec 12, 2022
    26
    @dog82 怎么可能收费,你是不是看错了

    不过楼主列的后面的这几个 antd pro/pro-component/umi 还是不推荐用,尤其是新人,真的有点难用
    dream4ever
    dream4ever
    Dec 12, 2022
    27
    楼主的前端掌握到什么层次了?要具体情况具体分析,不管前端后端,写个 hello world 都很简单,开发真实项目都需要学习很多相关知识的。
    4771314
    4771314
    Dec 12, 2022
    28
    前端是易上手,难精通
    自己简单鼓捣一下,能用就行,那还是比较简单
    要系统性的学习,东西挺多的,尤其是现在的主流的前端框架,东西都封装好了,有时候理解起来就很复杂
    xstmjh123
    xstmjh123
    Dec 12, 2022
    29
    千万别碰 umi dva 什么的阿里项目,项目用久了你也发现 antd 坑不要太多。但凡你能读英文文档的话,react 相关的文档和教程量又多又好,vue 全家桶也很不错
    IvanLi127
    IvanLi127
    Dec 12, 2022❤️2
    30
    antd pro 和 umi ,绝对不是给前端新人用的,那玩意没点功底简直就是个黑盒。封装了很多业务逻辑,不是纯粹的前端 UI 组件。
    vision1900
    vision1900
    Dec 12, 2022
    31
    如果你们公司的 UI 设计很有想法而且项目长期维护,用 antd 都已经够痛苦了,更别提 antd pro 和 umi ,那东西定制化起来简直让人头疼
    shakaraka
    shakaraka
    Dec 12, 2022
    32
    angular material 的 api 设计不要好太多。用 ant 和 ele 那是自找苦吃而已
    darkengine
    darkengine
    Dec 12, 2022
    33
    我是搞不定 antd pro + umi 的,只用了 UI 框架那部分
    sphawkcn
    sphawkcn
    Dec 12, 2022
    34
    @xstmjh123 #29 不能这些用啥?推荐几个脚手架工具或者组合?
    dog82
    dog82
    Dec 12, 2022
    35
    @zooeymango
    @yhxx 我说的是 eleadminpro 这个控件库,https://eleadmin.com/doc/eleadminpro/#/
    tkHello
    tkHello
    Dec 12, 2022
    36
    跟我卷 我卷死你 我已经卷死 1 个人了
    kitebear
    kitebear
    Dec 12, 2022
    37
    前端不难,后端难
    johnman
    johnman
    OP
    Dec 12, 2022
    38
    @dream4ever 非 coder ,算业余爱好者,js 尚可但新的语法糖有时脑袋会短路,CSS 属于开窍 20%-40%的状态,觉得所见非所得。stackoverflow 依赖严重

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

    现在的状态是写后端很愉快
    写前端很痛苦,那一堆 antd-pro 组件用起来体验很差。基本靠全量的官方例子修改一下,主要是字段描述太不清晰了,文档散乱,需要打开 antd/antdpro/procomponent/umi 项目地址到处找文档。好在框架能很容易跑起来,集成了国际化、路由这些,不用自己选型
    johnman
    johnman
    OP
    Dec 12, 2022
    39
    @vision1900 自己的项目,UI 没有特别需求。能跑能用就可以了。好维护,实现基本功能是首选
    chloerei
    chloerei
    Dec 12, 2022 via iPhone
    41
    不要用前端框架,后端渲染+bootstrap 。
    estk
    estk
    Dec 12, 2022
    42
    文档写得最好的应该是这个框架: https://mui.com/
    makelove
    makelove
    Dec 12, 2022
    43
    写后台管理支持下楼上观点,后台并不需要那么动态
    且后端渲染开发更快
    ccraohng
    ccraohng
    Dec 12, 2022
    44
    有没有可能是你自己的问题,这已经是傻瓜组件了
    whyrookie
    whyrookie
    Dec 12, 2022
    45
    插楼问一下,V 友有推荐的 Rect 最佳实践吗
    whyrookie
    whyrookie
    Dec 12, 2022
    46
    @whyrookie #45 React
    BugCry
    BugCry
    Dec 12, 2022 via Android
    47
    antd 极其难用,直接一堆配置甩脸上,而且 css 框架和 nextjs 还有冲突。你能想象 antd 里面同时存在 dayjs 和 momentjs 吗
    个人项目基本都是 MUI 或者 PrimeReact ,组件齐全,规划得也很不错
    Leviathann
    Leviathann
    Dec 12, 2022
    48
    react 不是那种没写过的人看一眼示例就能直接抄过去改改的框架
    而是有其思想并且是思想先行的框架
    basefas
    basefas
    Dec 12, 2022
    49
    我的建议是不要搞 antd pro ,直接学习写个简单的框架,只用 antd 就好
    贴个自己的项目: https://github.com/basefas/react-antd-admin
    Cmdhelp
    Cmdhelp
    Dec 12, 2022
    50
    尝试下 next.js 系列,和 tailwindcss 和 flowbite,小项目真不适合 antd 和 umi ,太臃肿了。
    Leviathann
    Leviathann
    Dec 12, 2022
    51
    另外 antd 也就是 table 比较大而全所以在 hook 没出来的时候用的人多,其他组件并不见得好用

    所以建议是用一些纯 ui 库 + tan table ,react hook form 这类专门处理 table form 的库
    johnman
    johnman
    OP
    Dec 12, 2022
    52
    @ccraohng 有可能哈哈
    94qihang
    94qihang
    Dec 12, 2022
    53
    阿里:你在教我做事?
    gdrk
    gdrk
    Dec 12, 2022
    54
    antd pro 和 umi 这种太重了,真没必要浪费心神在他上面
    QingXuJiaZhi
    QingXuJiaZhi
    Dec 12, 2022
    55
    @johnman 业余爱好者没必要学 react 之类的,用 MVC 架构多舒服!
    ethusdt
    ethusdt
    Dec 12, 2022
    56
    建议自底向上学习, 先把 js html css react webpack redux 这些底子打好, 然后再去使用学习框架.
    b1ncer
    b1ncer
    Dec 12, 2022
    57
    antd 很好,别用 antd pro 。

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

    可以参考这个很多年前的 issue:
    https://github.com/ant-design/ant-design-pro/issues/556
    hzxxx
    hzxxx
    Dec 12, 2022
    58
    用 layui 梭哈啊,或者 vue+element 啊,非前端用 react ant ts 还上 umi 那不是找罪受吗
    exploreexe
    exploreexe
    Dec 12, 2022
    59
    同样感觉前端就是个大坑,首先是要学的东西巨多,我之前看过一个培训机构的 CSS 文档,一个 PDF 800 多 M ,让我瞬间不想学了,咱就说直接看这个文档不看视频,得学多久吧。

    而且感觉前端的人特别喜欢发明轮子,一个个的都是大发明家,三天两头一个新框架。。。
    chrisia
    chrisia
    Dec 12, 2022
    60
    其实我感觉移动端更难,门槛很高。
    blankmiss
    blankmiss
    Dec 12, 2022
    61
    @shanyuhai123 我倒是感觉 vue3 从零基础走挺平滑的
    bgm004
    bgm004
    Dec 12, 2022 via Android
    62
    react 生态里我觉得 nextjs 的文档是最好的,英语苦手都能轻松学习。
    royzxq
    royzxq
    Dec 12, 2022
    63
    antd 除了彩蛋门之外,算是做挺不错的开源项目了。

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

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

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

    所以还得自己有批判的眼光和能力,慢慢规划技术升级的路线。
    serge001
    serge001
    Dec 12, 2022
    65
    你用是用 vue2 的 vue-element-admin 模板来写,会有种是个人都会写的感觉。。用 antd 别说后端,就是专业前端都想吐槽
    mofe
    mofe
    Dec 12, 2022
    66
    不喜欢 antd ,太重了
    tailwindcss 写代码如沐春风,想怎么改怎么改
    感觉主动权重回到自己手上
    bmwh123
    bmwh123
    Dec 12, 2022❤️3
    67
    如果 angular 文档能仔细看的话 其实 angular 是最好的 很规范 也没什么多的选择
    ChiangKaishek
    ChiangKaishek
    Dec 12, 2022
    68
    同感, Flask RESTful + antd-pro
    后端写起来舒服又顺畅
    写前端的时候就难受地一批, 文档跳来跳去, 找文档找得人头大
    arnosolo
    arnosolo
    Dec 12, 2022
    69
    只是简单写个后台管理页面的话, 用 vite-vue3-ts-unocss-primevue 好了, 文档很全.
    模板 -> https://github.com/arnosolo/vite-vue3-ts-unocss-primevue
    zzzmh
    zzzmh
    Dec 12, 2022
    70
    我个人觉得不学框架的话前端挺简单的,h5c3js 然后学点 jq 和 vue ,写写纯 html 页面。自从学了框架就一直抓脑壳
    ZoeeoZ
    ZoeeoZ
    Dec 12, 2022
    71
    每次看到这种帖子就不禁感叹,如果所有技术文档都有 vue 文档的水平,我们这样的低端程序员能活的舒服太多
    CHXX
    CHXX
    Dec 12, 2022
    72
    字节家的 UI 真心好看
    Semi Design
    monologue520
    monologue520
    Dec 12, 2022
    73
    @yolio2003 大佬所言的「社区过度活跃」非常赞同,每天一种新技术真不是瞎吹嘘的,真是服了这些老 6,整的好像娱乐圈似的
    christin
    christin
    Dec 12, 2022
    74
    @mofe 我很好奇如果用 tailwind ,组件怎么解决呢? 比如 element 和 antd 里面非常常见的 table 等功能,官方的组件库是收费的。
    euronx
    euronx
    Dec 12, 2022
    75
    `pro-components` 的文档那是极度辣鸡
    TimPeake
    TimPeake
    Dec 12, 2022
    76
    javaer/phper/goer/: 我会 Vue/React === 我会前端
    Wanex
    Wanex
    Dec 12, 2022
    77
    你真要写后台全部自己选型自己从头写还好点,用别人的里面各种过度封装到最后维护你会疯狂的,各种需求需要改这改那最后整个项目变成了依托答辩,别问我怎么知道的,因为我现在就在维护答辩,刚开始图方便用现成的,现在各种受束缚才知道多难受,里面绑定太多重构也不太可能了,现在只能忍着了。
    像 antd 这种就用 antd 就行了,别用 antd pro ,这种框架绑定了一堆东西,你还要花时间一一去学一遍,现在前端各种轮子层出不穷,各种深度封装的框架里面封装了各种各样的轮子,只能说心累,自己选型舒服多了。
    jones2000
    jones2000
    Dec 12, 2022
    78
    就一个简单的后台, 又不是产品, 直接 jquery 搞下不就行了。
    mofe
    mofe
    Dec 12, 2022
    79
    @christin #74
    我买了 https://tailwindui.com/
    如果不买也有开源免费的
    ragnaroks
    ragnaroks
    Dec 12, 2022
    80
    新手不要一上来就使用 UI 组件库,组件库都默认你本身知晓(基于框架的)用法。
    seven2f
    seven2f
    Dec 12, 2022
    81
    踩错方向了,前端不止有 react ,还有 vue
    zzzzzzZ
    zzzzzzZ
    Dec 12, 2022
    82
    我朋友对此有个很精准的评价:阿里系的开源项目都是面向 OKR 做的,开放之后就不管了。

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

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

    听说当初饿了么被收购,把 ElementUI 的团队强行解散,一部分人补进 ANTD ,大部分人离开阿里。element 为此也杂乱过一段时间,但是现在又好了
    simo
    simo
    Dec 12, 2022
    83
    前端就是坑多,你现在开始学还好,最起码从语言层面规范化、工程化都好很多了。
    零几年那时候开始,连 ie6 常见 bug 都是知识,并且还很重要。
    johnman
    johnman
    OP
    Dec 12, 2022
    84
    框架掌控感太弱了。所以幡然醒悟改用 layui ?
    8355
    8355
    Dec 12, 2022
    85
    后端吐槽下 现在的前端一直都是在学别人写的框架
    自己的东西已经越来越少了
    不过牛逼的是把 ios 的安卓卷走了
    安卓跑的快的去做车机了 ios 是真惨 除了移动互联网大厂做几个原生 app 之外 其他的也就是外包了吧
    abbq
    abbq
    Dec 12, 2022
    86
    @8355 的确如此
    sky857412
    sky857412
    Dec 12, 2022
    87
    react + tailwindcss + antd + axios ,基本架子就搭建好了
    zhizunzz
    zhizunzz
    Dec 12, 2022
    88
    自己用的东西我打算试试百度 amis
    theguagua
    theguagua
    Dec 12, 2022
    89
    @BugCry 对的 antd 的 dayjs 还会和自己装依赖的冲突,以至于只能用 antd 的 dayjs ,,很离谱
    lodisy
    lodisy
    Dec 12, 2022❤️2
    90
    @whyrookie

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

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

    最后学习 Solid.js 和 leptos :/
    a4854857
    a4854857
    Dec 12, 2022
    91
    就你自己的个人需求 vue2+element 不就够了.
    现在很多新的前端开发范式要解决的问题你都不会遇到.得不偿失
    lodisy
    lodisy
    Dec 12, 2022❤️1
    92
    @lodisy
    ->
    表单 react-hook-form
    表格 - tanstack
    StrorageBox
    StrorageBox
    Dec 12, 2022
    93
    这你是没玩客户端
    HungryOrangeCat
    HungryOrangeCat
    Dec 12, 2022❤️1
    94
    @christin daisyUI 了解下,tailwind css 必备伴侣
    AyaseEri
    AyaseEri
    Dec 12, 2022
    95
    你到底是怎么入坑后面三坨东西的,前端都不爱用后面三个玩意,尤其是 umi 。
    说句题外话,我们组的前端、隔壁组的前端都不爱用 umi ,但是我们的后端老大 React 没写几行非要自己搭项目,然后用了 umi 。不知道 umi 是不是比较命中后端(尤其是 Java 架构师)的癖好。
    THESDZ
    THESDZ
    Dec 12, 2022
    96
    我觉得你是不是应该先学下思想?设计理念和最佳实践?
    ychost
    ychost
    Dec 12, 2022
    97
    其实 CRUD 用来用去无非就是 Table/Form/Input/Button 这些,自己看懂 Antd 之后再封装一下就好了,现在看 Antd 有点 Spring xml 的味道,一堆配置需要填充
    Yuxiaoy
    Yuxiaoy
    Dec 13, 2022
    98
    @whyrookie https://blog.miguelgrinberg.com/post/the-react-mega-tutorial-chapter-1-modern-javascript
    Miguel 的 React 课程学起来很舒服,没有引入任何不必要的库,推荐跟着敲一遍。
    MrHyde
    MrHyde
    Dec 13, 2022
    99
    远离阿里的东西
    lchynn
    lchynn
    Dec 13, 2022
    100
    @ZoeeoZ 喜欢传统的开发,又要现代的前端功能,c#系背景的,微软的 blazor 其实可以,其他语言平台的开发者可以等各种自己语言平台 WASM 框架方案成熟了,就不用现在 react ,vue 这种半吊子的前端框架了,也不用在 JS 这个语言上折腾。总觉得未来真正成熟的前端肯定不是现在这样群魔乱舞的。
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1965 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 154ms · UTC 16:48 · PVG 00:48 · LAX 08:48 · JFK 11:48
    ♥ Do have faith in what you're doing.