React系列-React18小结

448 阅读1分钟

面试了许多求职者,很多求职者只知其然,而不知所以然,写此文章为广大前端小伙伴指引迷津。纯干货!纯干货!纯干货!

目录

React18小结

React18小结

答:新特性新APICM并发模式

新特性
// 1. setState 自动批处理
React 18 通过在默认情况下执行批处理来实现了开箱即用的性能改进。
(批处理: 在视图层,将多个渲染合并成一次渲染)
在 18 之前,只有在react事件处理函数中,才会自动执行批处理,其它情况会多次更新
在 18 之后,任何情况都会自动执行批处理,多次更新始终合并为一次
// 2. flushSync 退出批量更新
新的API

useId - 同一个组件在客户端和服务端生成相同的唯一的 ID。

useInsertionEffect - 提前注入新的style。

并发模式
  • 开启并发模式,
    • 1.默认使用批处理。
    • 2.使用并发特性API。 startTransition:将特定更新标记为“过渡”来显著改善用户交互(如搜索引擎的关键词联想)。

小白也是新手面试官,欢迎领导莅临指导工作,提出建议,小白不胜感激,不喜勿喷,点赞收藏随机送程序媛小姐姐一枚哦!!!