2024 了, 求推荐 React 最佳入门教程!

[18bili]

如题，谢谢各位，顺祝新年快乐！

[cyx032426]

@shizhibuyu2023 太真实了

[leokun]

没有必要从 ssr 路线入门，ssr 生态有很多魔法
新版的 react 官方文档写的非常好, 英文不好可以用沉静式翻译插件，从一个井字棋游戏开始： https://react.dev/learn/tutorial-tic-tac-toe

[nnegier]

学古 Android ？它们 xml 写布局几乎一模一样的感觉

[cyberpoint]

@Puteulanus 不建议看这个，已经很过时了。class 组件，99% 的情况下不会使用，只有在读一些老的组件库源码的时候用到。另外文档中 redux 的使用方式也完全过时了，没必要去看。

[foolishcrab]

看你是什么用途，面向面试的话找一些源码带读的教程
只是想业余搞点项目的话直接上手撸就行，react 的资源丰富到只要你能用英语正确描述你的问题，基本上 stackoverflow 上都能找到答案

[LawlietZ]

官网，现在官网写的很好

[hedwi]

学习 react 面临各种组件的选择，推荐学习 angular ，一步到位。

[iOCZS]

react 语法糖比较少，按说应该是更容易掌握的，就是不同人之间水平差异可能会比较大。
Vue 语法太多。
当然无论选择那个框架，还有一堆生态需要掌握，路由、状态管理啥的。

[iOCZS]

react 里其实有个取舍问题，你函数组件每次执行，如果没有副作用，里面的函数、变量都会重新创建，传递给子组件，就会因为发生了变化而重新渲染。当重建代价比较大、需要在多次渲染间保持状态，才考虑使用副作用。所以一股脑儿对里面的函数使用 useCallback ，也没必要，重新渲染就渲染呗。

[chihiro2014]

@hedwi angular 对比起 react 难以理解的各种 hook 和用法来说，纯写 html 和 ts 来完成业务，简直毫无心智负担

[hedwi]

@chihiro2014 angular 正常的毫无意外，配合 rxjs 无敌，唯一的问题是对前端开发可能需要额外理解一些东西，对后端开发来说就跟写后端一样，奇怪的应该是 react 这种吧。

[chihiro2014]

@hedwi angular 就我而言，他是真的挺完美的，将业务和 UI 完全分离，互不影响。这样省去了复杂的心智负担，找到合适的组件，直接复制 html 和 css ，配合 ng 指令就能完成业务。react 将 UI 和功能杂糅一起，完全无法理解，而且 debug 也很困难。

[hedwi]

@chihiro2014 所见略同，兄弟

[ChoiKarl]

想请问下，相学 recat 或者是 vue 是不是得会 js 、html 、css 才行？

[chihiro2014]

@ChoiKarl 学前端，绕不过去的

[y0bcn]

我是后端，看官方中文文档学的，后来又自己看了看 redux 和 react router 啥的，现在基本上没啥问题了

[rongpx95]

@y0bcn redux 这东西，是不是都没什么人用了

[y0bcn]

@rongpx95 不太清楚，现在都用啥？

[huidt111]

@Puteulanus 简单看了下前几篇，非常棒，从 react 解决的问题出发，引导读者去理解 react 的核心原理。

[ohyougosh]

@lozzow 怎么跟着 gpt 学习呀，方便讲一下么