同题,本人新学 react 了解了 hook ,context 这些,官网介绍也都是函数式组件写法,react 同学指导一下
1
codehz 267 天前
确实是不再推荐了,因为和并行渲染这些新的机制有冲突
|
2
epiloguess 267 天前 via Android
|
3
BeijingBaby 267 天前
都是函数了,不用去记 class 各种 特定方法的函数生命周期了,函数最简单。。
|
4
winterpotato 267 天前
对,现在已经函数式了。class 的那种是上古遗留
|
5
devzhaoyou OP @codehz 原来如此,感谢,不用再学 class 这些了,感觉 react 的东西也不是很多,挺简单的了
|
6
devzhaoyou OP 好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
|
7
devzhaoyou OP @BeijingBaby 好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
|
8
Xu3Xan89YsA7oP64 267 天前
现在的 react ,学下 jsx 语法和 2 个 hooks ,一天就能入门上手做项目了
|
9
weijancc 267 天前
我也是最近重新看了新版 react, 比起旧版本太好上手了.
|
10
iOCZS 267 天前
class 已废弃,但是 component 还是内置组件基础。自己实现的组件都是内置的组合,所以用函数组件。
函数组件学习容易,上手却是很困难的。基本上都在重复渲染。。。。 |
11
ChrisFreeMan 267 天前
喜欢写 class 就去看看 web components 原生,无依赖
|
12
devzhaoyou OP @iOCZS 学习确实容易,上手难是指什么呢?
|
13
codehz 267 天前
@iOCZS 你这个理解上有一些问题,首先不管 class 组件还是 function 组件,都需要重复执行 render ,react 的核心算法就是根据生成的 vdom 去 diff ,这个是无法避免的。
只不过,传统 class 组件有提供简便的(但实际上很容易误用的)方法去直接跳过更新,这个能力在函数组件里是否存在呢,也是有的,就是那个 memo 函数,当然由于 hook 的存在,不能像函数组件那样屏蔽来自 hook 的更新,但这也导致写出有问题的代码更为困难了 |
14
totoro52 267 天前
clas 用起来怪怪的,还是函数好用
|
15
devzhaoyou OP 发现前端相关的争论还是挺多的,react VS vue, react 内部各种版本写法都有好坏的争论😄
|
16
ZGame 266 天前
有一个问题,对于低代码编辑器这种复杂的前端工程 ,如果不用类去写 单纯用 hooks 如何去做。。 比如如果用类的话 Engine 里构造函数里可以包含很多上下文的引用, interface 和继承去扩展方法
|
17
devzhaoyou OP @ZGame 不了解,蹲一个好的答案,让我只学函数组件
|
19
realJamespond 266 天前
不是专业的话建议 tailwind+solidjs , 没有副作用,没有运行时打包才几 k
|