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

[JeffyChen]

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

看网上，react 好像生态比较广，vue 国内从业人数比较多。面向国外是不是比较适合 react ，面向国内比较适合 vue ？

[murmur]

当然是 vue ，就算 vue2 也比 react 好学，react hooks 心智不是一般的重，都 2024 年了还有框架需要开发者自己梳理依赖关系

[JetMac]

React 方便，能做 Web 端、移动端、桌面端。学完 React 基本知识后，再学 Nextjs ，就可以全栈一把梭了

[tsja]

对 js 函数式编程比较熟练的话, react 挺好上手的. js 接触的少的话, 学 vue.

[xubingok]

vue 吧...生命周期什么的,太适合我移动端开发者了.

[CodingNaux]

react 。vue api 多文档臭长

[murmur]

@CodingNaux 这一看就是只云没开发过的，react 那一堆 useXXX 还有社区都统一不了的全家桶，只可能比 vue 更恶心

[murmur]

云的真够了，别在这坑人了，react 这种连代码对齐都保证不了的框架你拿啥跟 vue 比入门门槛啊

vue3 因为直接可以定义 ref 对象，连状态管理都可以扔了，直接把 ref 导到公共模块里复用

react 的优势就是门槛高难学，容易让人不好维护，所以更适合学习，毕竟别人轻松把你搞掉你的竞争力在哪里

还有什么开发移动端应用，吹 jb 移动端应用去吧，react native 国内几个人用啊，出项目用 uniapp 小程序，装 b 用 flutter ，几个 rn 用的

开发桌面端也是，electron 套壳套 h5 啥不能套，只能套 react ？

[galikeoy]

@JetMac #2 说的好像 vue 不能做一样...

[Jinnrry]

2 年前端，6 年后端，路过

vue react 都学过。
1 、在国内呆过 5 家公司，接触过 N 个组，从来没见过哪里用 react 的
2 、个人认为 vue 比 react 简单，我最早是学的 react ，从来没学过 vue ，接手一个 vue 项目，上来就是干，基本上 10 分钟看了看文档，就开始干活了，上手很流畅，没有任何卡点。反观 react ，如果没学过的话，大概率看不明白咋回事。

PS：我工作写前端还是 17 18 年左右的事了，可能时间久远，现在有变化了，现在我只用 vue 写写玩具。大概去年吧，想写一个 app ，就考虑 react native ，结果体验并不怎么样，刚开始我以为 h5 代码应该是无缝迁移 rn ，结果并不是，既然不能无缝迁移，我还要你 rn 有啥用，我干嘛不直接用 uniapp flutter 啥的

[JeffyChen]

@murmur #7 react native 不好用吗？看 react 官网，还可以支持移动端和 PC 端

[b1t]

同后端，我个人感觉是 Vue 更好上手。

而我是想自己想搞点个人项目，也是受到网上很多个人开发者的影响，我个人还是选择了 react 。

其实呢，不管学哪个都可以，没必要有选择焦虑，重点是实践写写东西，你学会一个再去看另一个上手也快

[murmur]

@JeffyChen 难用的 1b ，而且现在新架构一大堆 c++代码，老插件没法迁移，我都怕他这生态突然就崩了

也就是代码是 react ，css 那套还要分原生学习，他不像 flutter 是真的实现一套布局引擎，是翻译成原生布局，而且还没翻译干净，各个系统表现也不一样，还不如 h5 好适配

[shintendo]

Vue3 不好说，但是 Vue2 的那个文档，不吹不黑，有 HTML/CSS/JS 基础的情况下，半天学会

[xubingok]

@JeffyChen #10
要性能用原生写.
要快捷用 uniapp 写(其实就是 web).
要装逼用 flutter 写.跟做游戏也没什么两样了.

RN 是什么辣鸡东西.

[JeffyChen]

@Jinnrry #9 uniapp 和 react native 相比怎么样？

[IvanLi127]

这俩都很容易上手。我觉得 React 比较符合后端思维。
React 可选择的东西很多，一般能找到自己喜欢的，就是得费时间淘。
学习推荐 React ，生产的话就看人了。

[murmur]

@JeffyChen 国内 uniapp 真的大范围落地，你说相比怎么样，uniapp 被鄙视一是部分封闭，强绑定他的云打包和云商城，二是国内专有，国内专有意味着几乎没什么开源社区，就只能去 csdn 看那堆赤石一样的回答，然后在石里找金子

但是 uniapp 真的在国内大范围落地了，gov 、办公那些快速出东西的，首选 uniapp

[mattll]

大厂：React > Vue. 国外：React > Vue. 生态：React > Vue

[Ghostisbored]

我也有这个疑惑 我是后端 但是有时候项目太忙 简单的前端我们也得干 我感觉 vue 简单 但是有一点的问题是 国外的好多项目都是 React 很多配套的东西都和 React 相关 关键我们很多东西还非用到

[WJYuan]

好学的话 Vue

[WasteNya]

五年以上前端，呆过两三家中大厂，组内都用 react ，框架只是前端一小部分，最重要的是生态！大到框架组件类比如 konva ，antd ，nx 都是优先支持 react ，小到各类工具的实现应有尽有，如果 vue 生态没有或者某些组件细节没有的就自己手写吧

说个数据
SO 2024 调查，React:Vue （全球） = 40%:15%
ossinsight 统计，React:Vue =（仅中国） = 20%:30%
至于为啥国内会那么多人热衷于 vue 的理由我就不多说了

[facebook47]

VUE 更适合中国宝宝体质😁😁😁

[murmur]

@WasteNya 小到各类工具的实现应有尽有？？？是 axios 限定 react 还是 lodash 限定 react 了

[murmur]

吹生态的够了，前端都是拼设计师的，越大的场子越要自己写页面，ant element 有一套用就够了，那里说默认配置和主题包办一切的

其余的 什么图表 富文本编辑器 流程引擎 这些，都是和框架无关的，纯 js 可用，因为这些玩意对性能要求太高，用 vue 和 react 反倒会拖累表现

[summerwar]

各花一周学习下，然后看看自己习惯哪个就用那个就是了，反正时间有的是

[molvqingtai]

我站 Vue ，react 更容易整花活，结果就是导致人看不懂

[murmur]

react 再国内唯一的优势是再做低代码框架的时候，因为什么都是 js ，参数传递包办一切，做动态组件非常爽

其余的被 vue 薄纱，尤其是心智上

吹 react 的拿出证据来，啥玩意 vue 没有 react 有，还有说什么 antd 的，好像 vue 没有 antd 一样

还什么 ssr 的，你天天吹 ssr ，后端那么多 java 兄弟他同意了吗?什么年代了 SSR ，$$R 都得比$够不够

[WasteNya]

@murmur 你举例的生态都太常规了
1. vue2 （ 3 没测） 官方的 sourmap 用于 vscode 的 debug 简直是灾难，经常无法准确定位，其 jsx 语法同理
2. vue2 vue3 升级是破坏性的
3. vue 的 vscode 的官方插件动不动就无法响应
4. vue2 很多 element 的很多需求组件或细节，生态上完全没有，只能手写
5. vue 的 ts 依然支持不完美
6. vue4 还能兼容 vue3 吗？没人知道，毕竟这也只是个人团队做背书

就这上面几点，就很十分影响开发，如果只需要 console js 小项目，vue 和 react 无所谓

[WasteNya]

@WasteNya sourcemap

[murmur]

@WasteNya

1 、vue 非常看重 template ，你天天说 jsx 问题，那 react 这种 2024 年了 if 和 for 还得用 js 的蹩脚语法实现岂不是原始人

2 、vue2 没有明显的性能、使用、生态问题，为什么要升级？甚至这 10 年 UI 风格都没有变化

3 、我用 webstorm ，这点没法回答你

4 、？具体点什么生态没有，不要很多需求

5 、ts 不是刚需，尤其是那个体操系统，我现在最常见的操作就是去掉 lang=ts ，瞬间所有 warning 都没了太爽了

6 、你先问问 react 的 hooks 和 component 语法混写有多恶心，想在类组件里使用 hooks 要多少 trick ，然后再来说 vue 吧

[murmur]

vue 2 升级 3 基本上保留了 90%以上的 vue2 语法和接口，react 你可以试试在原来的类组件语法上用 hooks 需要多少奇技淫巧，

反倒是，现在的 react 都是 hooks 生态，才不给老项目升级留活路

vue 的 hooks 他只是一个语法而已，选项式一样有 setup ，你可以用 2 的语法，setup 的库，想怎么玩怎么玩

[WasteNya]

@murmur
1. 我说的是 template 和 jsx 都也存在这个问题，不管你用 vscode 还是 webstorm 都有
2. vue2 生态更垃圾，很多细节要什么没什么
3. 你觉得有多少公司会给员工买 webstorm ？
4. mention ，虚拟 tree table 组件
5. 你都不怎么用 ts 了，我觉得我们没有交流的必要的，反正我所有包括个人项目都是 ts ，前后端对接或者重构起来非常快和舒服
7. comp 之前能只在用，vue3 是直接不能用

[v2er119]

同楼主一样，选择困难，昨晚上肝了一晚，用 GPT 手搓了一个 RSS 阅读器。
https://maifeipin.com/archives/yong-gpt-shou-cuo-yi-ge-ji-jian-rss-yue-du-pin

[murmur]

@WasteNya 我用的 antd vue 都有 treetable ，是谁给了你 vue 没有树表的错觉？

我上面就说了，jsx 连对齐都做不到，稍微条件多点就七扭八歪，丑陋的一批，他拿啥和 template 拼，template 去掉 if 和 for ，就是完整的 html ，前端历代都是 class ，template 是 class ，从盘古开天辟地写的就是 class ，怎么到了 react 就成了 className ？

天天对着 jsx 一顿吹，对 jsx 那么多问题避而不谈

[K120]

别选了，跟我一样 3 个都学吧，这样就不会有争议了！

Angular https://github.com/xjh22222228/nav
React https://github.com/xjh22222228/tomato-work
Vue https://github.com/xjh22222228/boomb

[WasteNya]

@murmur 我的天！你每次回复都不认真看我的回复吗，我说的是 虚拟 table ，和 tree
还有你说对不对齐的问题，要么是你不会配 eslint 或者 pritter 配置，要么是你不会找

[yor1g]

不要吵 后端的那就应该推荐 angular🤣

[WasteNya]

@WasteNya @murmur 你举例的生态都太常规了
1. vue2 （ 3 没测） 官方的 sourmap 用于 vscode 的 debug 简直是灾难，经常无法准确定位，其 jsx 语法同理
2. vue2 vue3 升级是破坏性的
3. vue 的 vscode 的官方插件动不动就无法响应
4. vue2 很多 element 的很多需求组件或细节，生态上完全没有，只能手写
5. vue 的 ts 依然支持不完美
6. vue4 还能兼容 vue3 吗？没人知道，毕竟这也只是个人团队做背书

就这上面几点，就很十分影响开发，如果只需要 console js 小项目，vue 和 react 无所谓

[WasteNya]

@WasteNya prettier

[murmur]

@WasteNya 我做了 10 年企业开发，很多需求我用 jquery easyui 甚至 extjs 都能实现，vue 实现不了，必须 react 才能实现，是 vue 生态不行了，还是人菜

对齐的问题，这么简单理解不了么，vue 因为 if 和 for 都是写在标签上，所以他就是 html ，html 长啥样，vue 的 template 就是啥样

换到 react 里，你用 map ，怎么和其他标签对齐呢？

[mrwangjustsay]

react

[htxy1985]

个人感觉 vue2 还是比较有自己特点的，上手也快，更适合中国宝宝体质。vue3 写着写着逐渐分不清到底是在写 react 还是 vue.对于 vue 来说不知道是进步还是退步。

[murmur]

@htxy1985 vue3 去掉了 this 的负担，还是有意义的，虽然这玩意从来不是个问题，起手 const self = this 解决 99%的问题

我真见过那些恶心的框架，事件参数不在 event 里，都写到 this 上的恶心封装

[Zzdex]

这不 又吵起来了

这就是目前前端的氛围。

建议 lz 自己都学学体验下，别人都是带着目的来的，只能自己体验下，去找最适合自己、自己项目的

[shintendo]

React 的生态确实丰富，状态管理一百个库，同一个作者就能出三个，组件内样式比茴香豆的写法多，每种写法又有 N 种实现，这谁生态能比得过它啊

[binaryify]

react 每次碰,都能看到社区各种各样号称最佳实践...
原本以为 next.js 能解决开发体验,结果这几年它自己都把开发体验拉低了,甚至把开发者跟 vercel 捆绑在一起
本以为弃了 next 投奔 remixJS 能代替 next, 结果人家做着做着跟 react router 合并了
状态管理库,各个库都说自己好
i18n 国际化,好几个库,用哪个都觉得很别扭
说 react 生态好,百花齐放,但每次用都感觉眼花缭乱,挺累的.用 vue3 就没那么多事

[WasteNya]

@murmur 10 年很牛逼？我认识的前端架构师都不敢对我指手画脚，怕不是十年当两年用，
我可一句都没说，react 能实现，vue 不能实现的，而是 vue 生态反而没有就得手写而浪费时间，至于你说的对齐的问题怕不是伪需求！

[shintendo]

@murmur this 的恶心换.value 的恶心，很难说赚不赚

[abelmakihara]

vue vscode 插件提示没 react 智能 有 ts 更别说了
而且 vue3 生造概念
我看新人写的 vue3 和 react 也一样乱七八糟的
跟 vue2 无脑填空还是不一样的
那为什么不用 react 呢

[wunonglin]

吵来吵去的，有这时间我用 angular 、nativescript 都写完了

[murmur]

@shintendo vue3 一样可以用选项写法，除了 setup 要写.value 兼容新写法，其余的地方，包括原来的 methods 里，都不需要写.value

[jjwjiang]

为啥说 JSX 不能对齐？ vscode+prettier 可以完美对齐啊？

[murmur]

@WasteNya 我的意思是,jquery easyui 那个年代的组件封装就能满足大型项目的开发需求，企业应用的树和表都是对标 excel 的，相对于互联网应用，只会复杂不会简单，所以为什么你会有 vue 甚至 vue2 生态残缺的幻觉？

[g1vemep0wer]

前端开发者推荐入门 vue ，react hooks 很多坑

[murmur]

@jjwjiang 对齐到最左边全是左尖括号

[dufu1991]

我想说 svelte 最容易上手。

[aycclm]

独立开发者，爱学啥学啥，两个都了解一下也不会花很多时间，学的过程中很快就知道哪个适合自己了

团队开发，就听听团队意见


用户才不管你是 react 还是 vue 实现，产品好用，你就是 jquery 一把梭又有什么关系呢

[xcsoft]

一个问 react 和 vue 哪个好上手的帖子还能吵起来，喜欢哪个用哪个。看看文档 基础上手 都半个小时 顶天了

至少能看出来 写 vue 的好像素质 没有 react 高

[NessajCN]

推荐 react.
我当时就是想起一个新项目不知道选哪个，于是各种框架都试了一遍，angular vue react
最后发现 react 文档最直观，库更多更完善，上手也最简单。

[xiaozirun]

@murmur #7 为什么说装逼用 flutter 写呢 疑惑

[murmur]

@xiaozirun 因为大应用还是 native 开发的应用靠谱，国内现在 app 都不是首选，很多都是先开发小程序或者公众号，微信在国内的生态太狠了

[murmur]

有一部分还要归功于闲鱼开发的太垃圾，一个 flutter 写的应用，而且不像其他 kpi app 用一个页面就算，闲鱼是 flutter 重构的，体验差的一批

[cookii]

vue 不配和 react 比，不是一个级别，vue 努力模仿 react 的样子真的很滑稽。

[xiaozirun]

@murmur #61 那对 生态也不够好 商业开发不会是首选

[MenghanStone]

别和 murmur 讲话 ，有他在的地方就有战争。

[Bijiabo]

建议先学 Vue ，这样好入门 React

[chainal7777]

vue 开发快，react 学习曲线高一些。前端这东西，还真是哪个易用用哪个，我推荐 vue 或者 vue2

[Ghostisbored]

又吵起来了 虽然我是后端 但是我感觉还是都学吧 看哪个急迫先学哪个 整体来说国外很多生态的确用 react 单独从加密来说 很多样例都是 react 从快速开发快速上线 快速实现功能来说 如果我对接对方 我肯定用 react 更好 便于后期兼容 如果没有这些考虑 我感觉 vue 未尝不可 就看应用范围了

[weixind]

有其他编程语言基础的的一律推荐 React 。
没有一点编程基础，想转行做前端的推荐 Vue 。
java 狂热爱好者推荐 Angular 。

顺便说一下我自己的感受：
1. vue 自己搞的 api 比较多，反正我每次写都要翻文档，react 核心理念内容比较少，心智负担更小一些。
2. react 社区生态比 vue 更好一些。
3. Angular 才算是框架，其他两个更倾向于是 UI 库。

再说下我自己团队的选型：
1. 人员足够的情况下，h5 会上 vue ，PC 会是 react 。
2. 人员不足够的情况下，all in react 。

ps: vue 国内从业人数比较多这个说法应该是不准确的。

[xbx0119]

上手肯定 Vue 容易，可以先学 vue ，后面有时间了可以带着 vue 的经验来学 react ；没接触过前端的话，先学 react 可能不一定看的明白。

[sciel1211]

react 文档 多刷几遍 理解清楚了。 节省你前端探索至少 1 年的时间。

[kenanyah]

react, vue2 ，vue3 都写过，投 vue3 一票，前端上手推荐

[skipwitit]

没有好不好，只要适用于当前需求或者更长远的规划，都是好东西。任君选择。

[Curtion]

国内 Vue.js 多，国外 React 多，不过国内大公司 React 多些，小公司 Vue.js 多。Vue.js 更好上手，React 生态更好，但是不存在 React 能做但 Vue.js 做不了的情况。uniapp 主要是可以兼容小程序，如果无需小程序则我更倾向于 React Native ，毕竟有 React 生态，虽然也很多坑，不过这个没办法，只要是跨端问题都多。 最后建议都学，选一个喜欢的优先

[nzbin]

https://angular.dev/

[IamCyborg]

吵起来，吵起来

[fengbjhqs]

react ，相比 vue 上手是要难一点，

但生态比 vue 好太多

api 比 vue 少太多，（ 18 之前）

灵活程度比 vue 好太多，灵活是把双刃剑，见仁见智。

ts 支持也比 vue 好太多，团队配合用 ts ，能避免非常多的坑


如果只是想做到 crud ，推荐 vue ，如果想再长远一点，推荐 react ，

[TimPeake]

地都没了，还隔这讨论哪把锄头好使呢

[Rrrrrr]

对于 JS 扎实的基础，我感觉 2 者没有什么不同。无非就等于后端 2 个框架，2 个一起写也没有什么问题。

[JackieTsien]

圣战开始了！

[BugFree]

jQuery 永远滴神

[euronx]

新工作用的 vue3 ，但我比较喜欢 react+ts 的搭配，写起来很爽

[tianzi123]

@WasteNya #32 jsx 恶心的一批,除了写菜单栏 递归 用 jsx 方便点以外,没有任何优势可言,反而把模版和逻辑写一块看得脑袋痛

[asuraa]

vue2 用的挺爽的，一下升级了 3 各种库都没得用了，很不爽 3 改的很复杂

[wu67]

上手我推荐 vue2 然后衔接 vue3 一把梭, 各种文档齐全、概念清晰. react 上手比 vue 稍难一点点点.
vue3 .value 啰嗦, react 那个 const dom = xxx.map 蛋疼, 各有各的难受.
但如果让我选型,我会选 react+antd+vite+puppeteer (SEO 支持).
实在受不了 vue 系不知道配合哪个库导致的随机内存泄露了, 还会叠加 cpu99%, 我们公司的 nuxt 项目就是这样, 无力排查...

[RockShake]

前端太容易争论了，你应该根据实际情况选择工具，反正学习难度都不大，都上手玩玩。我司全部 Angular 。

[linl1n]

有 ssr 需求选 react ，追求短平快选 vue ，产品经理厉害的选 react ，逻辑迭代频繁的选 vue, 功能迭代频繁的选 react ，中厂大厂期望跳槽选 react ，小厂个人开发选 vue

顺带，马上都 25 年了还在争谁更优秀，争了快 10 年了吧，有完没完

[ifOnly]

react 新版文档挺好用的，vue 的太多太长了

[krisfive]

@linl1n 👍

[DOLLOR]

@BugFree
vanilla 才是神，jquery 算个弟弟，都得叫祂爸爸🐶

[encro]

国内招聘 60%都是要 uniapp 。。。所以 vue

[mizuki9]

react 生态比 vue 强太多。
还有个人认为，单向数据流，总是比双向更容易理清逻辑的，vue 遇到过别人写的自定义 v-model ，绑定的 props 、emit 写的乱七八糟，像是一坨。
上面两点是我更喜欢 react 的关键原因。
vue 和 react 都是主流框架了，选哪个其实问题都不大。

[murmur]

@DOLLOR jquery 的语法设计太人性化了，react 一看就是果粉，最开始的 api 设计也继承了 objc 那个又长又臭的传统

objc 要求函数的参数连起来实参和形参是一句话，比如正常语言

person.fuck(target, useCondom)

objc 的设计

[person fuck thePersonYouWantToFuckWith useCondom:brandAndColorAndSizeOfTheCondom]

类比 vue 也一样，mounted 和 componentDidMount 这不是一个字母量级

但是他没有考虑到 xcode 的代码提示一坨屎啊

[murmur]

react 那个 dangerouslySetInnerHtml 的参数命名让我至今记忆犹新，里面还是个对象，参数还带下划线的

[royzxq]

有 react 和 vue 就有 murmur. 又打起来啦

[BeijingBaby]

vue2 还可以，vue3 个人觉得是失败的一个版本…直接把 vue 生态干掉一半以上。

[channg]

@MenghanStone #65 我感觉别跟某些前端说话比较好，前端事太多，你问我为啥，因为我就是前端

[dyncan]

还得是前端的流量大.

[tpeng9240]

@shintendo 哈哈哈哈

[wiluxy]

没必要听他们的，你选了的那个，就是最好的