V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
5200
V2EX  ›  程序员

后端想整点前端项目,学 vue 还是 react

  •  
  •   5200 · 2023-03-22 11:56:30 +08:00 · 21458 次点击
    这是一个创建于 641 天前的主题,其中的信息可能已经有所发展或是发生改变。

    就为了自己做项目,不为找工作,看 github 流行好像是 react 比较好,对应的 UI 库之类的也比较全面。 但是国内都是 vue 流行。elementplus 好像还有点那啥 所以佬们怎么说。大家都用什么自己整项目的。

    第 1 条附言  ·  2023-03-22 14:28:19 +08:00
    整理了一下

    react : Tailwind CSS 、Material UI 、Mantine 、Chakra UI 、Eleventy 、Astro 、next.js
    angular:
    vue js:Tailwind CSS 、Chakra UI 、Vuetify 、
    svelte
    solid js

    css 框架 :Mantine 、Tailwind CSS 、Chakra UI 、Material UI 、Daisy UI 、Radix UI

    感觉一些好用的框架都是 react 的
    第 2 条附言  ·  2023-03-22 23:30:01 +08:00
    感谢各位老哥的解答,
    初略统计了一下大家都推荐的是 angular 、react 、vue 、svelte 、solidjs
    到 102 楼
    angular 7 票
    react 29 票
    vue 31 票
    svelte 3 票
    solidjs 4 票

    之前也写过 uniapp 所以打算先整个简单的 vue3 开始。然后再看看 react 和 angular 。

    附上 学习路线图。
    后端 https://roadmap.sh/frontend
    vue https://roadmap.sh/vue
    react https://roadmap.sh/react
    angular https://roadmap.sh/angular
    123 条回复    2023-09-26 16:12:57 +08:00
    1  2  
    guxingke
        1
    guxingke  
       2023-03-22 11:58:07 +08:00   ❤️ 1
    vanilla-js
    MAGA2022
        2
    MAGA2022  
       2023-03-22 11:58:08 +08:00
    vue 3 真的爽
    aw2350
        3
    aw2350  
       2023-03-22 11:58:10 +08:00
    React
    5200
        4
    5200  
    OP
       2023-03-22 12:00:44 +08:00
    @MAGA2022 #2 听说他的 ts 支持不好
    sky857412
        5
    sky857412  
       2023-03-22 12:00:45 +08:00
    react ,符合后端思维,一切都是可以是变量
    Bazingal
        6
    Bazingal  
       2023-03-22 12:03:00 +08:00   ❤️ 1
    angular>react>vue
    YIsion
        7
    YIsion  
       2023-03-22 12:06:19 +08:00 via iPhone   ❤️ 1
    Vue ,react 学习成本高,顺便也没感觉符合后端思想
    echoless
        8
    echoless  
       2023-03-22 12:07:03 +08:00
    最近看 vue, 各种捷径, 看文档看起来用法很爽, 自己写起来....

    我用 chatgpt 很难输出格式统一, 能跑的 vue 3 code 来.
    bootvue
        9
    bootvue  
       2023-03-22 12:07:09 +08:00
    vue3
    enchilada2020
        10
    enchilada2020  
       2023-03-22 12:08:12 +08:00 via Android
    核心就那点玩意 想学啥学啥
    beginor
        11
    beginor  
       2023-03-22 12:08:48 +08:00 via Android   ❤️ 2
    angular 最符合后端思想的框架,而 react 是最符合 js 思想的类库
    tramm
        12
    tramm  
       2023-03-22 12:12:41 +08:00
    Angular > Vue > React
    vsitebon
        13
    vsitebon  
       2023-03-22 12:23:04 +08:00
    一通百通
    gogogo1203
        14
    gogogo1203  
       2023-03-22 12:24:22 +08:00
    我开始学得 go, 然后 react. 我自己的经验是:还是要看你想做什么。 现在有了 copilot 和 chatgpt4, 两端之间的鸿沟很小很小。前端现在有很多比 React 更轻更方便的框架, sveltekit solidjs. 你自己搜一下你想达到的目的和选择的框架里的生态库是否齐全. 一句话给你概括的全部的那些建议是没有意义的.
    xiaoxiaoming01
        15
    xiaoxiaoming01  
       2023-03-22 12:24:39 +08:00
    对于半吊子 一律推荐去卷 Vue 😑
    luvsic
        16
    luvsic  
       2023-03-22 12:27:36 +08:00
    都行,一通百通
    masterclock
        17
    masterclock  
       2023-03-22 12:27:57 +08:00
    一般后端会比较喜欢 react, 大概
    maigebaoer
        18
    maigebaoer  
       2023-03-22 12:30:40 +08:00 via Android
    两个文档都看下呗,哪个舒服学哪个,关键还是自己看着爽就行
    yaott2020
        19
    yaott2020  
       2023-03-22 12:33:21 +08:00 via Android
    后端用 go ,发现 vue 其实不错,但是入门高了点
    maigebaoer
        20
    maigebaoer  
       2023-03-22 12:40:23 +08:00 via Android
    @masterclock phper 觉得你说的对😂
    zxCoder
        21
    zxCoder  
       2023-03-22 12:46:38 +08:00
    vue 适合后端
    react 适合前端
    AyaseEri
        22
    AyaseEri  
       2023-03-22 12:52:59 +08:00
    jsp
    DOLLOR
        23
    DOLLOR  
       2023-03-22 12:53:50 +08:00 via Android
    都学吧,感受两种不同的开发思想
    arfaWong
        24
    arfaWong  
       2023-03-22 12:54:50 +08:00
    react
    DeWjjj
        25
    DeWjjj  
       2023-03-22 13:01:04 +08:00
    vue 和 svelte 吧,现在前端老 4 存留率开始变高了。
    确实就是有一种古朴美学。
    lovedebug
        26
    lovedebug  
       2023-03-22 13:03:59 +08:00   ❤️ 1
    推荐 React ,碰到问题谷歌一下,vue 相关资料就少很多,React 相关的问题和文章资料比 vue 多太太多了。
    如果只用百度,上面但我没说。。。
    deali
        27
    deali  
       2023-03-22 13:07:10 +08:00 via Android
    react ,function 组件非常舒服
    chaleaochexist
        28
    chaleaochexist  
       2023-03-22 13:08:18 +08:00
    咱俩差不多 react 学完了, 感觉 他俩差不多我的建议是都学.
    如果你对 webpack ES6/promise/async 这些都熟悉的话

    react 和 vue 这俩加一起 40 个小时 差不多就能入门了.
    wqzjk393
        29
    wqzjk393  
       2023-03-22 13:13:21 +08:00 via iPhone   ❤️ 1
    现在 vue3 用起来感觉很舒服
    zed1018
        30
    zed1018  
       2023-03-22 13:14:49 +08:00
    jquery(
    horizon
        31
    horizon  
       2023-03-22 13:15:45 +08:00
    react
    molvqingtai
        32
    molvqingtai  
       2023-03-22 13:19:30 +08:00 via Android
    前端的开发思想有很大不同,比如后端学习 springboot 基本上都是全家桶最佳实践

    前端则不一样了特别是 react 社区,假如你是新手发帖求助:

    我用什么状态管理库?不好意思最佳实践有 10 个

    我用什么语法写 CSS?,奉上 N 种写 CSS 的姿势,运行时非运行时任你挑

    我用什么打包项目?推荐 N 种 pack...

    综上所述,不想折腾建议先学习 vue ,至少官方有推荐一套合理的实践,了解完前端生态再学其他的,让你不会迷失在各种库各种框架海洋中...
    jones2000
        33
    jones2000  
       2023-03-22 13:21:28 +08:00
    jquery +1
    jones2000
        34
    jones2000  
       2023-03-22 13:25:01 +08:00
    @molvqingtai 前端最后还不是 js , 什么框架不框架的, 不行就直接操作 DOM 改不就行了。 一个大活人还能被框架给限制住了。
    miv
        35
    miv  
       2023-03-22 13:26:51 +08:00
    vue 一把梭
    knightdf
        36
    knightdf  
       2023-03-22 13:27:15 +08:00
    同后端,angular, react, vue 我都看过一遍文档,最后选择了 react
    WenSun
        37
    WenSun  
       2023-03-22 13:28:18 +08:00
    如果一点前端都没接触过的话其实 angular 还行的,比较符合 Java 出身的人的思维。
    自己折腾我更倾向 React ,生态广泛,遇到问题容易解。
    至于说生态复杂这个事,如果不想纠结 best practice 直接用 next 就好了……
    5200
        38
    5200  
    OP
       2023-03-22 13:29:15 +08:00
    @lovedebug #26 都能上这里,怎么可能用百度,哈哈
    37Y37
        39
    37Y37  
       2023-03-22 13:31:44 +08:00
    jQuery + 1
    wxw752
        40
    wxw752  
       2023-03-22 13:33:13 +08:00
    vue3
    realJamespond
        41
    realJamespond  
       2023-03-22 13:35:22 +08:00
    看用啥 ui 吧,饿了没就 vue ,antd ,material 就用 react
    lovedebug
        42
    lovedebug  
       2023-03-22 13:35:50 +08:00
    @5200 哈哈。vue 中文资料比较多,但是好的不多,英文资料相对 react 少不少,这会导致查问题时不方便。😂
    miv
        43
    miv  
       2023-03-22 13:38:06 +08:00
    想折腾的就学 react ,不想折腾的就学 vue 。这两种都可以满足你百分之 99 的需求了,所以不必纠结。看你有没有想折腾的心态和时间
    LeegoYih
        44
    LeegoYih  
       2023-03-22 13:39:39 +08:00
    都学呗,写个普通的页面都不难
    yaphets666
        45
    yaphets666  
       2023-03-22 13:41:55 +08:00
    你会 js 吗?会 js 学 vue 也就一个星期。肯用功的话甚至 2 天
    dddd1919
        46
    dddd1919  
       2023-03-22 13:42:12 +08:00
    我选 vue ,好处就是上手可以像用 jQuery 一样只引用 vue.js 就能写起来了,不必须引入前端 webpack ,nodejs 等套件
    再引入一些 elementui 这样的组件也可以直接在项目里把 js css 等拷进来就可以用,后端友好
    wateryessence
        47
    wateryessence  
       2023-03-22 13:44:43 +08:00 via iPhone
    英文好 react ,反之 vue
    sjhhjx0122
        48
    sjhhjx0122  
       2023-03-22 13:53:26 +08:00
    solidjs 写代码何苦为难自己,加强版 react 用过的都说好
    ChangQin
        49
    ChangQin  
       2023-03-22 13:54:22 +08:00
    可以试试 svelte
    k9982874
        50
    k9982874  
       2023-03-22 14:07:21 +08:00 via Android
    lilei2023
        51
    lilei2023  
       2023-03-22 14:11:36 +08:00
    一起学习啊,我教你 前端, 你教我后端
    feikeq
        52
    feikeq  
       2023-03-22 14:15:16 +08:00
    jQuery +1
    zhwithsweet
        53
    zhwithsweet  
       2023-03-22 14:19:01 +08:00
    没用,啥都别学,前端外包出去就行了;大把的失业人员
    yuhuij
        54
    yuhuij  
       2023-03-22 14:19:49 +08:00
    前端想整点后端学习,学什么兄弟们
    5200
        55
    5200  
    OP
       2023-03-22 14:36:18 +08:00
    @yuhuij #54 想快速的话 php ,有点要求的话 go 不错。
    @xiaoxiaoming01 #15 就是半吊子哈哈,
    @masterclock #17 目前看起来不错,vue3 的配套框架有点少。
    @yaott2020 #19 vue 相对 react 感觉门槛会低点
    @wqzjk393 #29 vue3 的 element plus 好像也还行
    @molvqingtai #32 从 vue 开始入门前端倒是不错的方案。
    @jones2000 #34 就是想快速的出个前后端分离的项目。从 js 开始的话感觉会很费时间。js 倒是也懂
    @knightdf #36 老哥后端用的什么
    @WenSun #37 之前写过一点 uniapp ,vue 的
    @miv #43 先入个门,然后再追求质量
    @yaphets666 #45 之前写过 uniapp 会点,
    @lilei2023 #51 感觉后端入门门槛很低的,自己折腾项目随便怎么搞都行。
    1t1y1ILnW0x5nt47
        56
    1t1y1ILnW0x5nt47  
       2023-03-22 15:02:09 +08:00
    jQuery yyds
    dreamramon
        57
    dreamramon  
       2023-03-22 15:08:03 +08:00
    react +1
    将来做点私活 react native 直接出 app ,顺手的事情。
    vlgs
        58
    vlgs  
       2023-03-22 15:08:19 +08:00
    哪个生态好学哪个。
    ztxcccc
        59
    ztxcccc  
       2023-03-22 15:09:07 +08:00
    bootstrap+jQuery=win
    rookielzy
        60
    rookielzy  
       2023-03-22 15:11:31 +08:00
    t3 stack 走起
    loveDiu4ever
        61
    loveDiu4ever  
       2023-03-22 15:13:27 +08:00
    给你的建议,后端学 react ,vue 花活太多你可能不好理解,
    前端直接学 vue ,react 不好理解。
    WindProtect
        62
    WindProtect  
       2023-03-22 15:21:16 +08:00
    我看很多人说 react 符合后端思维,vue 符合前端思维。如果不是为了工作的话,那我学新语言和新框架不就为了新的思维么?所以我投 vue 一票。
    lolizeppelin
        63
    lolizeppelin  
       2023-03-22 15:36:31 +08:00   ❤️ 1
    别搞 react/vue,水平不够把握不住, 老老实实 angular

    不要看 angular 最难上手,这玩意最像后端

    水平不够,前端也不是长期写,代码稍微写复杂一点你就会发现完全把握不住了,整个结构就乱七八糟了
    angular 框架对水平不够的人的限制反而是最大的优势, 而且正好可以让熟悉 rx

    不过无论你用什么写前端,react 都建议花时间去试试熟悉,因为现在所有 ui 界面都受到 react 的影响,比如说你会 react 、flutter 很容易就能上手
    zhuweiyou
        64
    zhuweiyou  
       2023-03-22 15:41:41 +08:00
    不为工作,直接 chatgpt 生成页面
    privater
        65
    privater  
       2023-03-22 15:46:23 +08:00   ❤️ 2
    其实刚刚发布的新的 React 官网( react.dev )挺适合新手入门的,这次终于把很多游离的最佳实践和 pattern 写入文档了,例如彻底的践行 pure function ,immutable state 。按照新手教程一路走下去,加上每章后面的作业,基本没坑了。
    hgc81538
        66
    hgc81538  
       2023-03-22 15:50:51 +08:00 via iPhone   ❤️ 1
    Solidjs, 官網主頁兩條影片必須看,看完你會愛上
    Track3
        67
    Track3  
       2023-03-22 15:58:10 +08:00 via Android
    自己做项目可以试一下 Svelte ,写起来太舒服了,用过了就会爱上
    Goat121
        68
    Goat121  
       2023-03-22 15:58:59 +08:00   ❤️ 3
    看过很多人说 react 符合后端思维,反正我是没看出来哪符合,
    始终是画页面的,和后端有本质不同,总不能因为搞了 OOP 就符合后端了吧
    我个人两个都看过最后学 VUE 了,我就有时候写几个小页面,不想那么复杂,最短时间一把梭出来就完事了
    ciki
        69
    ciki  
       2023-03-22 16:02:10 +08:00
    vue ,简单就完事了
    xujiahui
        70
    xujiahui  
       2023-03-22 16:05:13 +08:00
    vue3 推荐 naiveui 组件库
    liberty1900
        71
    liberty1900  
       2023-03-22 16:11:06 +08:00   ❤️ 3
    记忆力好选 Vue ,理解力好选 React
    DongDongProMax
        72
    DongDongProMax  
       2023-03-22 16:13:04 +08:00
    JQuery 比较简单吧
    bojackhorseman
        73
    bojackhorseman  
       2023-03-22 16:14:04 +08:00
    建议 vue ,官方文档清晰明了还有中文版,很快就能上手,ref 一把梭。
    React ,不小心就踩坑里了,光一个 useEffect 都能让你研究一阵子了😅
    sky857412
        74
    sky857412  
       2023-03-22 16:23:46 +08:00
    react 符合后端学习,是因为 js 语法跟后端语法很像,而不是 vue 自己的定义的语法糖去写页面,双向绑定对于前端可能习惯了,但是后端没有这种思想。react 的 props, 可以方便的传递你想要的东西,不管是组件,还是对象,方法。而在 vue 中传递这些东西,不太好理解,特别是 slot ,这个东西贼好不用
    HHAO2019
        75
    HHAO2019  
       2023-03-22 16:31:28 +08:00
    同后端,vue 感觉太多‘固定搭配’了,很多概念不好理解。

    react 教程推荐这个: https://www.bilibili.com/video/BV1EP4y1r7Dw/
    kiddyu
        76
    kiddyu  
       2023-03-22 16:35:19 +08:00
    当然是 React ,这可是 js 版的 PHP
    magicdawn
        77
    magicdawn  
       2023-03-22 16:49:26 +08:00
    solidjs 生态差啊
    你看 https://github.com/alist-org/alist-web, 咋还 submodule 了一个 solid router.

    找个组件库, 太少了吧~
    https://github.com/one-aalam/awesome-solid-js#frameworks--component-libraries

    alist 用的 hope-ui/solid


    -------------

    选 react 生态就繁荣多了.
    kissice
        78
    kissice  
       2023-03-22 17:02:38 +08:00
    自用 react ,公司用 vue
    RealJacob
        79
    RealJacob  
       2023-03-22 17:04:42 +08:00
    angular 真的不用看了,还是主流的 Vue 和 React 吧,作为两个都写过的人,React 新项目体感更爽更舒服
    clf
        80
    clf  
       2023-03-22 17:28:36 +08:00
    vue 吧,官方推荐的路由、store 等各种东西都是明确的。

    react 属于轮子很多,每个都有差异,学习成本会大很多。

    总体来说前端目前的整体概念是可以互相借鉴的,单从个人开发的学习难度和上手难度来说,vue 比 react 好。
    hu1e
        81
    hu1e  
       2023-03-22 17:29:26 +08:00
    react ,理解起来简单些
    mousekiller
        82
    mousekiller  
       2023-03-22 17:29:58 +08:00
    争论这两个框架哪个好有啥意义。
    在老板眼里就像流水线上拧螺丝的。
    哪个好学学哪个呗。
    karott7
        83
    karott7  
       2023-03-22 17:33:23 +08:00
    喜欢哪个学那个,重要的是出活快上手快
    gdcbhtd
        84
    gdcbhtd  
       2023-03-22 17:34:49 +08:00
    vue
    zyqhi
        85
    zyqhi  
       2023-03-22 17:48:21 +08:00
    @molvqingtai 做 iOS 开发好多年,所有都是 Xcode 一手搞定的。现在想学习 react 作为前端入门,结果迷失在一堆的概念里,难受
    huijiewei
        86
    huijiewei  
       2023-03-22 17:57:13 +08:00
    喜欢全家桶 vue
    懒得记 API react
    想玩新潮的 signal: solidjs
    huijiewei
        87
    huijiewei  
       2023-03-22 17:58:39 +08:00
    @liberty1900 真的是一语中的啊。
    crytis
        88
    crytis  
       2023-03-22 18:23:49 +08:00
    vue ,react 复杂很多。。。也不符合后端
    kett
        89
    kett  
       2023-03-22 18:29:23 +08:00
    自用推荐 React ,工作用推荐 Vue 。
    hongkb
        90
    hongkb  
       2023-03-22 18:36:40 +08:00
    @Bazingal angular ?
    cmdOptionKana
        91
    cmdOptionKana  
       2023-03-22 18:36:48 +08:00
    既然不是为了找工作,为何不用 jquery?
    Chad0000
        92
    Chad0000  
       2023-03-22 18:48:20 +08:00 via iPhone
    @lolizeppelin
    说得太对了。水平到位的后端看 Angular 直接就上手了,太多概念直接随手拈来。我在接触 Angular 之前搞过 WPF ,同样是 MVVM 设计,更简单了。
    wellerman
        93
    wellerman  
       2023-03-22 18:50:36 +08:00
    把两个文档看一遍,vue 先看 2 ,再看 3 。完了再看 React ,大部分都会选 React 。
    Bazingal
        94
    Bazingal  
       2023-03-22 19:43:10 +08:00
    @hongkb 有什么问题吗
    marksaas
        95
    marksaas  
       2023-03-22 19:50:58 +08:00
    后端还是学 vue 吧
    solobat
        96
    solobat  
       2023-03-22 20:34:34 +08:00
    chatgpt + react
    dNib9U2o8x
        97
    dNib9U2o8x  
       2023-03-22 21:30:19 +08:00
    react
    crazyweeds
        98
    crazyweeds  
       2023-03-22 21:42:17 +08:00
    看你实现什么功能了,可以根据需求反推,我自己网站当时调研了相关库,然后选择了 react 。
    jhdxr
        99
    jhdxr  
       2023-03-22 21:56:41 +08:00
    不打算转行的话 vue 足够了
    打算转行的话可以再考虑下选啥开始的问题
    z1645444
        100
    z1645444  
       2023-03-22 22:14:26 +08:00
    个人建议,两个阵营的知名项目都看一眼源码,在你全然不知的情况下,看目录树、随便打开几个组件文件或者别的文件,比较有眼缘的那个就是你想要的 :)
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2930 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:22 · PVG 21:22 · LAX 05:22 · JFK 08:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.