V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
5200
V2EX  ›  程序员

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

  •  
  •   5200 · 73 天前 · 13615 次点击
    这是一个创建于 73 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    第 1 条附言  ·  73 天前
    整理了一下

    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 条附言  ·  72 天前
    感谢各位老哥的解答,
    初略统计了一下大家都推荐的是 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
    122 条回复    2023-03-23 12:32:39 +08:00
    1  2  
    guxingke
        1
    guxingke  
       73 天前   ❤️ 1
    vanilla-js
    MAGA2022
        2
    MAGA2022  
       73 天前
    vue 3 真的爽
    aw2350
        3
    aw2350  
       73 天前
    React
    5200
        4
    5200  
    OP
       73 天前
    @MAGA2022 #2 听说他的 ts 支持不好
    sky857412
        5
    sky857412  
       73 天前
    react ,符合后端思维,一切都是可以是变量
    Bazingal
        6
    Bazingal  
       73 天前   ❤️ 1
    angular>react>vue
    YIsion
        7
    YIsion  
       73 天前 via iPhone   ❤️ 1
    Vue ,react 学习成本高,顺便也没感觉符合后端思想
    echoless
        8
    echoless  
       73 天前
    最近看 vue, 各种捷径, 看文档看起来用法很爽, 自己写起来....

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

    react 和 vue 这俩加一起 40 个小时 差不多就能入门了.
    wqzjk393
        29
    wqzjk393  
       73 天前 via iPhone
    现在 vue3 用起来感觉很舒服
    zed1018
        30
    zed1018  
       73 天前
    jquery(
    horizon
        31
    horizon  
       73 天前
    react
    molvqingtai
        32
    molvqingtai  
       73 天前 via Android
    前端的开发思想有很大不同,比如后端学习 springboot 基本上都是全家桶最佳实践

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

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

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

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

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

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

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

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

    react 教程推荐这个: https://www.bilibili.com/video/BV1EP4y1r7Dw/
    kiddyu
        76
    kiddyu  
       73 天前
    当然是 React ,这可是 js 版的 PHP
    magicdawn
        77
    magicdawn  
       73 天前
    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  
       73 天前
    自用 react ,公司用 vue
    RealJacob
        79
    RealJacob  
       73 天前
    angular 真的不用看了,还是主流的 Vue 和 React 吧,作为两个都写过的人,React 新项目体感更爽更舒服
    clf
        80
    clf  
       73 天前
    vue 吧,官方推荐的路由、store 等各种东西都是明确的。

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

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