V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
JeffyChen
V2EX  ›  前端开发

学习 react 或 vue 哪一个比较容易上手?

  •  1
     
  •   JeffyChen · 2024-09-29 10:49:30 +08:00 · 19504 次点击
    这是一个创建于 429 天前的主题,其中的信息可能已经有所发展或是发生改变。

    作为一名后端程序员,想学习一下前端技术,往全栈方向发展,学习 react 或 vue 哪一个比较容易上手?

    第 1 条附言  ·  2024-09-29 11:24:56 +08:00
    看网上,react 好像生态比较广,vue 国内从业人数比较多。面向国外是不是比较适合 react ,面向国内比较适合 vue ?
    183 条回复    2024-10-20 16:36:46 +08:00
    1  2  
    PTLin
        101
    PTLin  
       2024-09-29 16:14:05 +08:00
    6 小时达成 100 回复,这速度 v2 技术领域里前端独一家了。
    Lockroach
        102
    Lockroach  
       2024-09-29 16:14:41 +08:00
    慕名而来,前端破事真多
    liaohongxing
        103
    liaohongxing  
       2024-09-29 16:15:00 +08:00
    我用 react , 但是被喷成翔了,你要抖音阿里字节情何以堪。===
    sleepm
        104
    sleepm  
       2024-09-29 16:19:24 +08:00
    国内前端看着
    打工用 vue
    写博客用 react

    国外
    react 一把梭
    zhuoyan
        105
    zhuoyan  
       2024-09-29 16:20:19 +08:00
    爱折腾用 react ,不爱折腾用 vue 。
    syntaxj
        106
    syntaxj  
       2024-09-29 16:21:18 +08:00   ❤️ 2
    人类归根结底都是排他并以自我为中心的,很难都有两边深度使用能客观给出意见的圣人.自己先入为主的使用习惯和体验会不自觉的对同类工具产生排斥性.所以这种问题最终只会各执一词.
    我觉得对于楼主而言,更理想的不应该是想知道 vue 和 react 各自有什么垃圾. 应该是以双方的优点进行取舍 而不是以己之强攻其之弱,楼上很多都是拉踩,导致话题不可避免进入冲突 没有意义. 那么言归正传
    vue 的优点:
    1.类 html 方式的开发,更喜欢原生用 html 开发的可以使用 vue
    2.国人个人作者 中文支持更好 中文生态好(英文生态不差)
    react 的优点:
    1.类 js 方式的开发,更喜欢代码是 js 方式存在的可以优先考虑 react
    2.由国外大厂推出 英文生态好(中文生态不差)
    对于新人而言我觉得这种基础的模式区别足够可以区分了,更多的细节之争是没有必要的,当然如果想赚钱 那直接看 boss 招什么多的学就行了.
    raphaelsoul
        107
    raphaelsoul  
       2024-09-29 16:21:38 +08:00
    喜欢 react 多一点 但是还没找到一款可以媲美 naive-ui 开发体验的 UI 框架……
    bojue
        108
    bojue  
       2024-09-29 16:23:04 +08:00
    @murmur #27 @murmur #40 开发了 10 年还在纠结框架? react 强关联低代码? react 最大的优势就是可以折腾,要不然升职加薪你给?你没听过一句话:字节找 vue 的框架开发者进去写 react
    8153
        109
    8153  
       2024-09-29 16:32:08 +08:00
    @TimPeake 就是因为地没了,才有时间东家长西家短。否则早都开工了
    murmur
        110
    murmur  
       2024-09-29 16:42:48 +08:00
    @bojue 不纠结框架,但是原则不能丢,举个最简单的例子,我被迫用微信,我就不能说微信垃圾了?

    一个 2024 年的框架还要开发者自己处理依赖关系,那不是被 vue 爆锤?
    xxmym
        111
    xxmym  
       2024-09-29 16:45:13 +08:00
    只快速上手我推荐 vue2 和 react(hooks)
    yurenfeijing
        112
    yurenfeijing  
       2024-09-29 16:51:14 +08:00
    我只是一个五年经验的中小厂前端,平时用 react ,vue 了解一点,我的理解是平时至少 80%代码是写业务需求和样式,剩下才和框架和生态有关,所以学 vue react 差别不是很大,了解对应的生命周期、路由、状态管理就行了。

    如果你想知道哪个框架使用的多:
    google trends:react 78, vue 47 ,https://trends.google.com/trends/explore?q=react,vue&hl=zh-CN

    npm:react 每周 2000 万,vue 500 万,https://npmtrends.com/react-vs-vue

    cnpm: 最近一年 vue 开始反超 react ,react 每周 5 万,vue 每周 9 万,https://npmmirror.com/package/react/trends?vs=react%2Cvue
    weixind
        113
    weixind  
       2024-09-29 16:58:00 +08:00
    @encro #73 “国内招聘 60%都是要 uniapp”的数据来源是啥? 60% 指的是 HC 还是公司数?直观上你这个数据错的离谱。
    Patrick1
        114
    Patrick1  
       2024-09-29 16:58:33 +08:00
    为什么有推荐 vue2 啊,要就是选 vue3 或者 react ,vue2 都是过去式了,要学就是学新的
    CodingNaux
        115
    CodingNaux  
       2024-09-29 17:01:31 +08:00
    如果不是重前端,可以根据自己后端情况还有其他方案
    rails 的 hotwired
    htmx
    jquery 又不是不能用

    等需要 react,vue 之类的自然就会去用了,没必要刻意学,因为没啥门槛
    encro
        116
    encro  
       2024-09-29 17:05:55 +08:00
    @weixind

    招聘前端主要就是小程序加后台,而小程序主要就是 uniapp ,后台 elmentui+antdv 之类也占一堆。
    我是按照我的搜索岗位和招聘时投简历的人的工作经验来大概判断下,不一定准确。
    Huelse
        117
    Huelse  
       2024-09-29 17:11:09 +08:00
    react 美其名曰生态广,实际上是混乱,排除这个因素外就是既打不过 solidjs 又打不过 vue
    tonytonychopper
        118
    tonytonychopper  
       2024-09-29 17:20:03 +08:00
    react 生态比较好,但是 vue 对新手来说更容易上手一点
    dwu8555
        119
    dwu8555  
       2024-09-29 17:20:36 +08:00
    有 AI 帮助你写代码的情况下,选生态好的。
    daliusu
        120
    daliusu  
       2024-09-29 17:23:37 +08:00
    如果本身很熟悉 js ,react 其实非常简单的,vue 麻烦的是各种乱七八糟的指令和写法,尤其是让 ai 写的时候会让你崩掉,react 相对简单多了,但是 react 那个 hooks 要理解有点麻烦,尤其是副作用啥的。反正就是前端 reactvue 随便选一个你喜欢的,后端或者其他就 vue 吧
    ixcode
        121
    ixcode  
       2024-09-29 17:24:36 +08:00   ❤️ 3
    我感觉前端完全没有必要学了,AI 编码最先能替代掉的就是前端程序员
    webfamer
        122
    webfamer  
       2024-09-29 17:26:23 +08:00
    本 5 前端 base 杭州,整部门被裁,n 都不肯给,仲裁中,boss 刷了一周多,没啥新岗位,最近排序全是外包。这波熬过去了也不知道还能干几年
    subframe75361
        123
    subframe75361  
       2024-09-29 17:26:45 +08:00 via Android
    为了写的爽我上了 solidjs ,超越 vue 的性能+类似 react 的语法,不用纠结 useEffect,不用和 vscode 打架
    bojue
        124
    bojue  
       2024-09-29 17:29:22 +08:00
    @murmur #1 简单的框架都是屏蔽掉底层呀,国内应试思维又把源码拿出来鞭尸,之前 hooks 刚出来的试试,基于 react class 开发大数据平台挺丝滑的,vue 给人感觉就是大杂烩啥概念都有,一千个哈姆雷特一万种 Vue 写法。

    说个身边的有公司为了屏蔽培训班只会 Vue 的前端连面试机会都没有。

    不过现在还好,大家都没机会。
    Greendays
        125
    Greendays  
       2024-09-29 17:29:37 +08:00
    还有人用 angular 吗?以前公司有个项目就是 angular ,客串过前端改过一点代码
    Ghostisbored
        126
    Ghostisbored  
       2024-09-29 17:29:43 +08:00
    php 是最好的语言
    jonsmith
        127
    jonsmith  
       2024-09-29 17:39:39 +08:00 via Android
    vue 官方文档很友好,适合快速入门。
    我是后端,看了几页 vue3 官方文档,现在项目基本能跑起来了,不懂的再问问 AI ,问题不大。
    jonsmith
        128
    jonsmith  
       2024-09-29 17:42:36 +08:00 via Android
    react 的优势是 next.js 、生态丰富,适合用前端做全栈。对于后端开发,没啥优势,我们只需要一个前端页面而已。
    freezebreze
        129
    freezebreze  
       2024-09-29 17:44:53 +08:00
    前端大舞台,有梦你就来
    particlec
        130
    particlec  
       2024-09-29 17:46:32 +08:00
    vue3 开发快 、文档好,新手无脑 vue ,没有说 react 不好
    ----------------------------------------------------------------------------------------------本人 3 年 react16 、1 年 vue3 经验
    murmur
        131
    murmur  
       2024-09-29 17:48:39 +08:00
    @bojue 这是个问题,vue 太简单了,意味着人员平均水平是比不上 react 的

    但是这是人员问题不是框架问题
    SleepyRaven
        132
    SleepyRaven  
       2024-09-29 17:48:40 +08:00
    纯个人感受是:
    react 写起来很自由,vue 写起来很轻松
    terranboy
        133
    terranboy  
       2024-09-29 17:49:09 +08:00
    REACT 会了 VUE 也会了
    yoyolichen
        134
    yoyolichen  
       2024-09-29 17:51:02 +08:00
    前端果然是娱乐圈!太乱辣!
    lbunderway
        135
    lbunderway  
       2024-09-29 17:55:50 +08:00
    作为后端开发 我更喜欢 react 我最学习 react 就做了个项目练练手,各种 google 哈哈,
    欢迎参考
    https://github.com/underway2014/DBA
    5800X3D
        136
    5800X3D  
       2024-09-29 18:02:48 +08:00
    身为后端,我感觉 vue 比较好上手
    caryqy
        137
    caryqy  
       2024-09-29 18:05:48 +08:00
    vue
    Nzelites
        138
    Nzelites  
       2024-09-29 18:07:41 +08:00
    都粗浅写过 感觉 react 顺手一些
    huangzhiyia
        139
    huangzhiyia  
       2024-09-29 18:18:39 +08:00 via iPhone
    react 写起来像 python 非常灵活,vue 要记各种杂七杂八的 API 和参数心智负担很大

    nextjs + tailwindcss + swr + nextui 走天下了,返璞归真,网络请求都是用的 fetch 。
    cooooing
        140
    cooooing  
       2024-09-29 18:31:48 +08:00 via Android
    打起来,打起来
    loading
        141
    loading  
       2024-09-29 18:32:16 +08:00
    react 会更像世界上最好语言 php 的形式,就看你是否看习惯了。

    你随便找一段 jsx 和 vue ,对比一下就知道了。反正我觉得看着非常难受。

    但 react 有更多轮子。

    如果是非常规的应用,我选择 svelte 自己造。
    hereIsChen
        142
    hereIsChen  
       2024-09-29 18:34:46 +08:00
    vue 入门更简单
    IamUNICODE
        143
    IamUNICODE  
       2024-09-29 18:35:29 +08:00
    同后端,vue 吧,别折腾了
    kinkin666
        144
    kinkin666  
       2024-09-29 19:24:01 +08:00
    vue 还用学???肉眼看看就会了啊
    silverwolf
        145
    silverwolf  
       2024-09-29 19:39:51 +08:00
    React 有 Next.js ,做网页界面的同时顺便用 Server Components 把服务端的活也做了。不用去折腾那些 api 的话,一把梭哈也挺好。这边基于 Next.js 衍生出来的应用也不少,Nextra 生成静态文档 个人感觉风格比 vitepress 好看一丢丢。

    Vue 这边也有 Nuxt.js 作为 Next.js 一开始的跟随者。但我没太搞清楚它的定位,文档常常看得稀里糊涂,官方像是主要在买 UI 皮肤设计...
    JeffyChen
        146
    JeffyChen  
    OP
       2024-09-29 20:26:02 +08:00
    @silverwolf #145 666
    Ethan24067
        147
    Ethan24067  
       2024-09-29 22:42:28 +08:00
    我想问下,学 vue 直接学 vue3 吗?还是说先学 vue2 再学 3 ?这玩意怎么还搞层层递进的。跟着网页上的小项目教程敲的 HTML CSS JavaScript😅
    MenghanStone
        148
    MenghanStone  
       2024-09-29 23:42:49 +08:00
    @clocean 学 vue3 就可以,一通百通。vue2 已经停止维护了。
    agdhole
        149
    agdhole  
       2024-09-29 23:54:26 +08:00
    react 最大的问题不是写法麻烦,现在是和 vercel 强绑定,出的功能都是给 nextjs 定做的,这框架越走越歪
    Cbdy
        150
    Cbdy  
       2024-09-30 00:09:49 +08:00
    我强烈建议使用 Vue ,我大多数时间写 React ,小部分时间写 Vue ,React (尤其是 Hooks 之后)的心智负担很重不建议
    如果喜欢 JSX ,可以使用 Vue+JSX
    yeqizhang
        151
    yeqizhang  
       2024-09-30 00:21:00 +08:00 via Android
    后端,两个都写过,vue 更容易上手,vue2 可以直接 cdn 引入在 html 文件中就可以进行基本的入门开发,我大约是半天就能做一些基本开发。react 因为第一次接触 jsx ,看了点视频,大概花了快一天,有 js 基础就可以学这个,就像上面说的,用来写菜单、嵌套递归的样式确实舒服,没深入做过了,状态管理还整不太明白
    grzhan
        152
    grzhan  
       2024-09-30 00:45:05 +08:00
    还有人在用 Angular 吗 hhhh
    一般前端的话正经开发应用我会用 Angular ,如果写点轻量的小东西会用 Vue ,毕竟上手快。
    liangdi
        153
    liangdi  
       2024-09-30 03:37:16 +08:00
    企业项目我用 angular
    Asai37
        154
    Asai37  
       2024-09-30 07:27:55 +08:00 via iPhone
    @MenghanStone 我还在想 @murmur 到底说了啥,仔细一看,原来他之前已经被我屏蔽了,怪不得看不到他发的内容。。。
    saranz
        155
    saranz  
       2024-09-30 07:33:23 +08:00
    反正 react 的代码量最大,性能侵占最多,从效率上讲我丫 vue 。
    Forestar
        156
    Forestar  
       2024-09-30 07:36:18 +08:00   ❤️ 1
    怎么全是 React 和 Vue 在吵啊,怎么没人提 Angular , 我申请 Angular 加入撕逼大乱斗😁
    zhiyu1998
        157
    zhiyu1998  
       2024-09-30 08:19:17 +08:00
    月经帖了 后端就 React ,现在 Next.js 这么火 此时不用何时用
    Ironpan
        158
    Ironpan  
       2024-09-30 08:35:39 +08:00 via Android
    以前写过一段时间 vue2 ,然后迁移 vue3 。后面学了 react 发现我靠太爽了。。vue 的 api 怎么那么多,个人感觉哈。
    zidian
        159
    zidian  
       2024-09-30 08:56:23 +08:00   ❤️ 1
    真是有 murmur 的地方就能吵起来
    fedfrank
        160
    fedfrank  
       2024-09-30 08:58:41 +08:00
    我寻思着学 vue 也不影响学 react 啊,这两个又不是互斥的关系。。。
    byqtxdy07
        161
    byqtxdy07  
       2024-09-30 09:05:02 +08:00
    我要看到血流成河.jpg
    RockShake
        162
    RockShake  
       2024-09-30 09:10:59 +08:00
    Angular 未能加入撕逼甚是遗憾
    qiyilai
        163
    qiyilai  
       2024-09-30 09:34:35 +08:00
    vue ,我边看边写两天就能改写东西和小需求了
    murmur
        164
    murmur  
       2024-09-30 09:37:42 +08:00
    @byqtxdy07 这哪里是什么血流成河,完全是某些 react 粉丝眼神不好使外加说胡话

    人家说哪个好学他说 react 生态好 生态好跟我们半点关系 外包项目一水的 java+vue+uniapp ,快成标配了

    这就罢了,还什么加密都是 react 代码,什么时候 crypto-js 必须绑定 react hooks ,我怎么不知道

    这东西就跟人家问 1+1 怎么算你跟我说 matlab 生态好可以仿真支持 simulink 一样
    qinyui
        165
    qinyui  
       2024-09-30 09:43:38 +08:00
    之前用 vue2 ,vue3 出来后发现不如用 react ,现在 react 越用越顺手
    MzM2ODkx
        166
    MzM2ODkx  
       2024-09-30 09:43:48 +08:00
    @SleepyRaven 手动挡 vs. 自动挡 吗?哈哈
    MzM2ODkx
        167
    MzM2ODkx  
       2024-09-30 09:45:07 +08:00
    @Ghostisbored 没有争议的文字是没有热度的
    sweetcola
        168
    sweetcola  
       2024-09-30 09:51:42 +08:00
    建议 Vue ,因为不熟悉 JavaScript 就学 React 会觉得很困难并且不能理解这些东西为什么要这么写
    fengyj
        169
    fengyj  
       2024-09-30 10:01:16 +08:00
    前端真堪称「娱乐圈」啊,啥屁事都能吵起来。
    Arizas
        170
    Arizas  
       2024-09-30 10:09:32 +08:00
    vue 上手更快,更喜欢,本质技术就是解决问题,实现业务,vue 更适合
    byqtxdy07
        171
    byqtxdy07  
       2024-09-30 10:10:50 +08:00
    @murmur 哈哈哈,我没细看,只是每次这种帖子的热度是真的高吐槽一下哈哈哈
    我敲 Java 的,Vue 和 React 都敲过(会搭个页面的水平)
    vue 更容易上手而且心智负担小+公司用,我敲 react 用的更多是配套 nextjs ,直接全栈一体化开发个人用
    生态我感觉没啥区别,实在没有现在 AI 那么多,直接自己撸一个(doge
    mszs
        172
    mszs  
       2024-09-30 10:20:42 +08:00
    吵这个有啥意思?公司用啥你学啥,框架没意义,能早点下班才是王道
    cenbiq
        173
    cenbiq  
       2024-09-30 10:29:09 +08:00
    从我个人的经验来说,每次使用 Vue 搭建项目,总会有不得劲的地方,甚至包括什么图标解决方案、VS 插件语法分析问题之类的。使用 React 搭建会感觉顺畅多了,而 Hooks 语法对于我来说也是增益不是减益
    AlexBob
        174
    AlexBob  
       2024-09-30 11:25:13 +08:00
    学习 Angular,两个都不好
    zziheng
        175
    zziheng  
       2024-09-30 11:28:45 +08:00
    “比较容易上手”这个维度来说,这还有争议嘛哈哈哈哈哈哈; Vue 和 React 比的话不是“比较”容易上手,是太太太容易了。

    光是 React 的闭包问题对后端来说就要理解很久了;用 React 的话你在学习上的时间比你写代码花的时间还多。
    qianyeyixi
        176
    qianyeyixi  
       2024-09-30 11:29:14 +08:00
    都一样 都很容易上手, 不管是 react 还是 vue 本质上都是 js
    soseek
        177
    soseek  
       2024-09-30 11:50:33 +08:00
    Vue 几时把 vscode 的扩展完善了再说
    ByteCat
        178
    ByteCat  
       2024-09-30 11:57:30 +08:00 via iPhone
    上手难度 Vue3>React>Vue2
    ophunter
        179
    ophunter  
       2024-09-30 14:41:37 +08:00
    @K120 哪个写起来心智负担小?
    sakitamFDD
        180
    sakitamFDD  
       2024-09-30 14:51:10 +08:00
    React + TS ,React 的生态太好了,而且 Vue 的 LSP 性能太差 BUG 太多
    zhennann
        181
    zhennann  
       2024-10-10 21:14:33 +08:00
    选择这么困难,为何不换个角度呢?可否有一个框架可以结合 Vue/React/Angular 的优点,同时规避他们的缺点,让我们的开发体验更加优雅,减轻心智负担。这就是基于 Vue3 开发的 Zova 框架: https://zova.js.org/zh/guide/start/introduction.html
    1. Vue:Zova 仍然使用 Vue3 便利的响应式系统,但是定义响应式变量就像原生变量一样,不需要使用 ref/reactive ,自然也不需要 ref.value
    2. React:Zova 在一个 Render Class 中通过 tsx 语法来书写渲染逻辑,不仅可以与 TS 类型系统完美契合,也可以支持渲染代码的拆分,即便是面对复杂业务也可以保持代码的舒展与优雅。在 Zova 中没有类似 React 的众多 hook api ,大量减轻心智负担
    3. Angular:在实际开发当中,会遇到三个场景的状态共享:组件内部状态共享、组件之间状态共享、全局状态共享。在传统的 Vue3 当中,分别采用不同的机制来实现,而在 Zova 中只需要采用统一的 IOC 容器机制即可。Zova 提供的 IOC 容器,摒弃了 Angular 繁琐的设计,概念更加清晰,功能更加强大
    zhennann
        182
    zhennann  
       2024-10-10 21:19:50 +08:00
    @Greendays 可以试一下基于 Vue3 的 Zova 框架,提供的 IOC 容器概念更加简洁,更容易上手,再配合 Vue3 的响应式系统,开发效率非常高: https://zova.js.org/zh/guide/start/introduction.html
    kandaakihito
        183
    kandaakihito  
       2024-10-20 16:36:46 +08:00
    最近学后端那套东西感觉提不起劲,所以简单看了一些 vue3 和 react 的教程。以一个 Spring Baby 的视角来回答一下这个问题:

    结论:如果你本身入行是靠着批站培训机构的视频,而且英语水平做不到母语级别,建议还是先学 vue !

    原因:

    1. 中文互联网上 react 教程和 vue 教程的差距不是一个时代的。你很容易就能找到一堆手把手喂给你的从三板斧开始教的 vue3 教程。但是几乎找不到好的 react 入门教程(甚至大量还是过时的);

    2. 包括 react 官方教程文档和油管上的那些免费教程,质量实际上都不高。比如说 react ,基本一上来就是让你搞个棋盘游戏,或者从 useState 开始讲起,再继续找就开始给你讲源码了,几个钟头的视频看完只剩懵懂;

    3. 普通话教程大部分人都能二倍速或者三倍速过下来,如果你本身就会两三种后端语言并且知悉一点八股文,那么上手 js ts 真就是半天时间的事,刷个 vue 教程一个周末够了。但是你能保证英语视频每句话在倍速的情况下都能完全听懂吗(更别提那群阿三的口音,听得难受);

    4. 后端框架之间大差不差,vue 和 react 之间也是。你把 vue 的语法搞熟,常见的八股文搞懂,再去看 react 效率会非常高;

    5. 小公司前端项目大概率 vue ,生产代码和教学代码不是一个东西,有机会还是得学学公司老前端的操作;
    1  2  
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   926 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 20:13 · PVG 04:13 · LAX 12:13 · JFK 15:13
    ♥ Do have faith in what you're doing.