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

[JeffyChen]

作为一名后端程序员，想学习一下前端技术，往全栈方向发展，学习 react 或 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 ，怎么和其他标签对齐呢？