React 学习曲线要比 Vue 陡峭许多呀

[xiaohupro]

先说一下自己的技术背景，后端程序员后来转为全栈，日常使用前端的 Vue 比较多，React 只上手过官网的教程 Demo ，目前想学习 React 技术栈这边的，一开始直接上手 Next.js 倒是也能做出东西，但是还是想系统的学习一下，好多概念都不清楚，例如各种 Hook ，以及它们正确的使用场景，有没有前端大佬给一点 React 学习路线，感谢🙏

[justdoit123]

React 要学习就跟着官网的教程走就可以，跟着敲代码，一遍不懂就两遍。

React Hook 想要很“纯”，所以如果一些机制觉得神奇（或奇怪），就往这方面理解就好了。

[justdoit123]

之后，如果你想稍微了解原理，我觉得这篇不错。https://zhuanlan.zhihu.com/p/372790745

[donaldturinglee]

学好 js 或者 ts 就行了，基本上就那几个 hooks ，需要 custom hook 就去看看源码复现一下即可

[XTTX]

找几个成熟的 repo 学一下就好了 midday, supabase 。 更简单一点的时候 shadcn 自己的 demo. 看看别人怎么调用组件，怎么组合组件，怎么写页面。

[Icemaaan]

react hook 确实刚开始接触容易写死循环

[xiaohupro]

@justdoit123 感谢

[me1onsoda]

hook 其实常用的就三四个，其他都是性能优化之类，可用可不用

[xxxcat]

我怎么觉得 Vue 的魔法更多些

[foolishcrab]

因为你习惯从页面的角度去看前端代码,所以 vue 你看着舒服，因为他本质上还是模版引擎。
但是要学好 react ，一定要从 js 的角度去看 jsx ，思想转变不过来是学不好的。
但是话说回来，2025 年真没啥必要学 react 了

[FrankAdler]

vue 是简单其实我更喜欢 react ，赶紧更符合后端的那种逻辑代码组织方式

[leo72638]

react 不就 js 写 html 吗，再加几个 hooks 罢了。vue 我感觉要记要背的东西太多了

[Violing]

@foolishcrab 除了 react ，能打能学的也不多啊

[foolishcrab]

@Violing 非专业前端学一个框架能糊页面就够了。
react next tailwind 这些东西有啥好学的，搞了半天整个行业最靠谱的落地还不如人手一个落地页。
ai 直出秒了

[darkengine]

我是始终没搞懂 Redux ，只能用 useContext 拼凑一下这样子 = =#

[AsuorZ]

@xxxcat react 骚操作多，更灵活

[donaldturinglee]

@darkengine 用别的状态管理就好了，redux 用起来太抽象了

[molvqingtai]

心智负担太重，下限低，上限也高，vue 就算技术再差的前端，写出的代码也没啥性能问题，因为有 Signals 模式兜底，react 就不一样了，写的时候随时要注意 render 次数，动不动 render 个几十次，当然缺点也是优点，没有 vue 的填鸭式编程，可以整更多花活

[Perry]

现在都是 react-query + form hook + hook + context 就够用了，redux 现在基本不是刚需。

[ragnaroks]

就是因为 react 太灵活所以无从下手才“复杂”

[xiaohupro]

@foolishcrab 确实，写前端项目的时候我一直是以页面的角度去构建，所以 Vue 写着舒服，组件的使用也感觉符合直觉，想学习主要是因为感觉很多海外的技术栈都是这个，所以想看看到底相对于 Vue 有什么优点。

[xiaohupro]

@ragnaroks 有道理，一开始不好驾驭

[murmur]

觉得 react 简单那是因为你默认 js 好学，实际上最恶心的就是 js 部分，css 现在有 AI 都不怕了

[shunia]

一上手就是 next.js 这种噩梦级难度的吗？
先试试纯客户端的 react 吧，说真的 SSR 还是挺烧脑的。。。

[xiaohupro]

@shunia 是的，Next.js 直接上手的话给我的感觉就是跟着教程可以做出一些东西了，但是具体里面为什么这么做，以及如果我想开发一个新的东西时候该如何构建组件的话就开始犯晕了，还是得从基础做起（如果是真想学习的话）

[darkengine]

@donaldturinglee 嗯，我在 React 14 的时候从 app 转 web 的，那时候的 Redux 一堆模版代码给我看得一愣一愣的

[jenson47]

你去看 vue 的库，很多都用都用 tsx 。vue3 也是推荐组合式。
选项式上限太低，还有就是 typescript 支持情况
除此之外 vue 的心智负担更重，脱离前端支持学一门模板语言

[binaryify]

@leo72638 比如呢,不是来来去去就那几个指令吗

[binaryify]

@darkengine #14 用 zustand

[66beta]

不追求理解底层原理的话，差不多吧

[xiaohupro]

@66beta 那确实，如果只是快速的跑起来能用的话那个顺手用哪个，哈哈哈

[Jinnrry]

都学过。

对于我这种 jquery 时代的人，Vue 入门简单很多，上手特别快，学习过程很平滑，每一步都是以前的东西，一看就懂。基本上就是以前的一大坨 html 、js 、css 拆分成单独的小块。

但是 React 就不一样了，一上来，语法都不一样了。每个东西都是以前没见过的。立马感觉头大了。

如果是最近新入门的人，没有任何基础，那我感觉其实差不多，反正基础概念都是从头学

[canvascat]

觉得 hook 心智负担大的可以试试类组件的写法😂

[1wlinesperday]

现在应该不推荐类的写法了吧，

资料就推荐 React.dev 就很够了吧

[sakura1988]

问就是 react 心智负担小，才几个 hook 。结果最佳实践一个接一个，写个前端而已闹麻了。

[okakuyang]

react 不要太简单，就是写 JS

[sakura1988]

数一下现在 react 有多少个 hook 了，如果只需要用那几个常用的，其他的弄出来是摆着看的吗？和 vue 半斤八两，谁也别笑谁。

[angryfish]

对于后端写前端确实是 React 有点负担。不再是之前 jquery+html+css+js ，看个把小时就能上手了。
静下心，看看文档，看个简单的管理后台前端项目，在有原始前端技术的基础上，估计要两三天才能上手。

[flyqie]

@Jinnrry #31

完全同意，我也是 jq 时代过来的，主要写后端，偶尔也写写前端，感觉就是 vue 比 react 概念接受起来要轻多了。

[hshe]

react ，纯纯的写 js ，挺好的适合后端，看看 demo 就上手了。

[ThinkCat]

react 除了 redux 状态管理太抽象，别的都很不错，适合后端，这种 ui=f(data) 的思想太适合后端了。换个别的状态管理，写页面就是写后端的感觉。

[skiy]

感觉状态管理，不太友好。也太多了，不知道大家用哪个？

[epiloguess]

vue 无敌，一旦理解了 proxy ，一点心智负担都没有，单纯就是框架设计的缺陷/局限/妥协，忍受这么一点点，v-model 秒一切，根本不需要你去担心各种优化，没必要去踩坑 react ，有那闲工夫多打打 cs 基础，学一两门后端语言，早点转后端，早日脱离前端苦海，受两头气。

正儿八经的，不管是 vue 还是 react ，都是写页面，都是组件化的思想，只不过实现的方式不同，都是操作 DOM ，理解了什么时候能操作 DOM 就成功了一大半。别说什么函数式编程，什么代数效应，没什么优越感。react 的很多问题都是自己创造的，都是函数式编程，纯组件所带来，要你去解决 effect 的问题。用 vue 根本就没有这些烦恼。

[EricYuan1]

我是前端我在学后端，我感觉后端学习才陡峭😭

[8863824]

有了 ai 这些都太简单了

[Betsy]

借楼问个 react 相关的框架，主要搞定前端页面就行，后端可能会用 go 之类的语言写。next.js 感觉前后端都包罗进去了

[laikick]

@Betsy 不用啥框架吧 zustand + tanstack router + rsbuild + ui 库 + react query. 不做 ssr 基本上都能搞定

[DeWjjj]

学过 react 之后我觉得 vue 更好了。

[iseki]

我倒是觉得 React 真很简单，前提是不上 Next.js 。但 Vue 的坑和魔法就太多了。
React 只需要考虑 view=f(state) 就行了， 不出这个圈一点问题都没有，vue 才是真的把语法改了的那个，template 有的能写有的不能写，构建系统也变得更复杂，头大一圈。
至于 Next.js ，我认为大多数时候应该是成本>收益的😅

[VchentozV]

@murmur 调 css 🫣 那么多种实现方法，哪一种才是好的？🤔 选择恐惧症

[VchentozV]

@molvqingtai 我看别人评论 go 也是，c++的心智负担也重，所以鹅厂转 go 了

[y1y1]

为 angular 挽尊一下下

[VchentozV]

你知道当年别人怎么骂微软吗？刚学完一套又换另一套。心智负担非常重。也许 vue 按照微软学术的评价设计上有缺限，不够灵活，但是大家用脚投票的结果就是这个东西通俗易懂，易学好用，还相对不变。公司大了就是希望用框架/流程/制度在人员素质层次不齐/铁打的硬盘流水的兵的情况下保证 deliver 的稳定性，避免幺蛾子带来的社会影响然后船漏水了=》裁员。年轻的时候一个人过觉得自己特牛逼，年纪大了，手机不响，每天清闲没啥事就是幸福。还有拖家带口的事情呢？

[VchentozV]

魔法多的东西能看源码的都不是事情

反正高考筛选的就是阅读理解和应用

就是乱起八糟各种写法看起来心烦

我记得以前旧时代的微软 team 还要商量 code convention