React18带给我们的惊喜

白癜风专业治疗 https://yyk.39.net/bj/zhuanke/89ac7.html
1、前言

React18的alpha版已经发布有段时间了,之前学习后由于没有开发实践结合去思考,对React18的意义认识并不深刻。前段时间做了一些老旧项目迁移,发现复杂项目下每次渲染都要精心调整,否则就会有麻烦的性能或体验瑕疵,而React内部渲染顺序和优先级很难调整,就导致总体体验差了点意思。回顾了React18的三个新特性,有种久旱逢甘雨的欣喜。

团队内部推行了Reacthook,好处就不在这里赘述了,也陆续收到了一些负面反馈。其一就是Reacthook更加趋向面向数据实体进行拆分,而一个动作需要多个数据实体协作,例如一个ModalForm需要visible和data两个数据项协作,但是这两个数据项的变更会触发两次渲染结算,增加性能开销。

作者之前遇到过复杂Form表单下,初次渲染由于数据项过于复杂导致无限次render的bug。在这个case中,核心的冲突就是在数据项复杂度提升的同时,ReactDiff的性能就遇到了“伪瓶颈”。这里不是说ReactDiff性能差,仅仅想表达它的高性能需要更高的设计理念和实践经验,这也是相对于Vue等更加易学的框架而言,总的来说上限高下限也低。而React18的变化让我看到了React团队正在


转载请注明:http://www.aierlanlan.com/rzfs/0.html

  • 上一篇文章: 没有了
  •   
  • 下一篇文章: