react 官网为啥没有 class 组件和生命周期之类的介绍了，是 react 新版本废弃了么？

[devzhaoyou]

同题，本人新学 react 了解了 hook ，context 这些，官网介绍也都是函数式组件写法，react 同学指导一下

[codehz]

确实是不再推荐了，因为和并行渲染这些新的机制有冲突

[epiloguess]

确实，目前函数式组件是主流
参考
https://npmstats.com/package/react

[BeijingBaby]

都是函数了，不用去记 class 各种 特定方法的函数生命周期了，函数最简单。。

[winterpotato]

对，现在已经函数式了。class 的那种是上古遗留

[devzhaoyou]

@codehz 原来如此，感谢，不用再学 class 这些了，感觉 react 的东西也不是很多，挺简单的了

[devzhaoyou]

好的，看一遍官网，准备写个小项目，没有 class 还以为自己落了啥

[devzhaoyou]

@BeijingBaby 好的，看一遍官网，准备写个小项目，没有 class 还以为自己落了啥

[shizhibuyu2023]

现在的 react ，学下 jsx 语法和 2 个 hooks ，一天就能入门上手做项目了

[weijancc]

我也是最近重新看了新版 react, 比起旧版本太好上手了.

[iOCZS]

class 已废弃，但是 component 还是内置组件基础。自己实现的组件都是内置的组合，所以用函数组件。
函数组件学习容易，上手却是很困难的。基本上都在重复渲染。。。。

[ChrisFreeMan]

喜欢写 class 就去看看 web components 原生，无依赖

[devzhaoyou]

@iOCZS 学习确实容易，上手难是指什么呢？

[codehz]

@iOCZS 你这个理解上有一些问题，首先不管 class 组件还是 function 组件，都需要重复执行 render ，react 的核心算法就是根据生成的 vdom 去 diff ，这个是无法避免的。
只不过，传统 class 组件有提供简便的（但实际上很容易误用的）方法去直接跳过更新，这个能力在函数组件里是否存在呢，也是有的，就是那个 memo 函数，当然由于 hook 的存在，不能像函数组件那样屏蔽来自 hook 的更新，但这也导致写出有问题的代码更为困难了

[totoro52]

clas 用起来怪怪的，还是函数好用

[devzhaoyou]

发现前端相关的争论还是挺多的，react VS vue, react 内部各种版本写法都有好坏的争论😄

[ZGame]

有一个问题,对于低代码编辑器这种复杂的前端工程 ，如果不用类去写 单纯用 hooks 如何去做。。 比如如果用类的话 Engine 里构造函数里可以包含很多上下文的引用, interface 和继承去扩展方法

[devzhaoyou]

@ZGame 不了解，蹲一个好的答案，让我只学函数组件

[shunia]

@ZGame #16 React 是库不是语言。你写的是 javascript ，js 该怎么写你就怎么写。这是完全不同的两个领域的问题。

[realJamespond]

不是专业的话建议 tailwind+solidjs ， 没有副作用，没有运行时打包才几 k