V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devzhaoyou
V2EX  ›  React

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

  •  1
     
  •   devzhaoyou · 235 天前 · 3107 次点击
    这是一个创建于 235 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    19 条回复    2024-04-01 12:58:26 +08:00
    codehz
        1
    codehz  
       235 天前
    确实是不再推荐了,因为和并行渲染这些新的机制有冲突
    epiloguess
        2
    epiloguess  
       235 天前 via Android
    确实,目前函数式组件是主流
    参考
    https://npmstats.com/package/react
    BeijingBaby
        3
    BeijingBaby  
       235 天前
    都是函数了,不用去记 class 各种 特定方法的函数生命周期了,函数最简单。。
    winterpotato
        4
    winterpotato  
       235 天前
    对,现在已经函数式了。class 的那种是上古遗留
    devzhaoyou
        5
    devzhaoyou  
    OP
       235 天前
    @codehz 原来如此,感谢,不用再学 class 这些了,感觉 react 的东西也不是很多,挺简单的了
    devzhaoyou
        6
    devzhaoyou  
    OP
       235 天前
    好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
    devzhaoyou
        7
    devzhaoyou  
    OP
       235 天前
    @BeijingBaby 好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
    shizhibuyu2023
        8
    shizhibuyu2023  
       235 天前
    现在的 react ,学下 jsx 语法和 2 个 hooks ,一天就能入门上手做项目了
    weijancc
        9
    weijancc  
       235 天前
    我也是最近重新看了新版 react, 比起旧版本太好上手了.
    iOCZS
        10
    iOCZS  
       235 天前
    class 已废弃,但是 component 还是内置组件基础。自己实现的组件都是内置的组合,所以用函数组件。
    函数组件学习容易,上手却是很困难的。基本上都在重复渲染。。。。
    ChrisFreeMan
        11
    ChrisFreeMan  
       235 天前
    喜欢写 class 就去看看 web components 原生,无依赖
    devzhaoyou
        12
    devzhaoyou  
    OP
       235 天前
    @iOCZS 学习确实容易,上手难是指什么呢?
    codehz
        13
    codehz  
       235 天前
    @iOCZS 你这个理解上有一些问题,首先不管 class 组件还是 function 组件,都需要重复执行 render ,react 的核心算法就是根据生成的 vdom 去 diff ,这个是无法避免的。
    只不过,传统 class 组件有提供简便的(但实际上很容易误用的)方法去直接跳过更新,这个能力在函数组件里是否存在呢,也是有的,就是那个 memo 函数,当然由于 hook 的存在,不能像函数组件那样屏蔽来自 hook 的更新,但这也导致写出有问题的代码更为困难了
    totoro52
        14
    totoro52  
       235 天前
    clas 用起来怪怪的,还是函数好用
    devzhaoyou
        15
    devzhaoyou  
    OP
       234 天前
    发现前端相关的争论还是挺多的,react VS vue, react 内部各种版本写法都有好坏的争论😄
    ZGame
        16
    ZGame  
       234 天前
    有一个问题,对于低代码编辑器这种复杂的前端工程 ,如果不用类去写 单纯用 hooks 如何去做。。 比如如果用类的话 Engine 里构造函数里可以包含很多上下文的引用, interface 和继承去扩展方法
    devzhaoyou
        17
    devzhaoyou  
    OP
       234 天前
    @ZGame 不了解,蹲一个好的答案,让我只学函数组件
    shunia
        18
    shunia  
       234 天前
    @ZGame #16 React 是库不是语言。你写的是 javascript ,js 该怎么写你就怎么写。这是完全不同的两个领域的问题。
    realJamespond
        19
    realJamespond  
       234 天前
    不是专业的话建议 tailwind+solidjs , 没有副作用,没有运行时打包才几 k
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3380 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 10:58 · PVG 18:58 · LAX 02:58 · JFK 05:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.