面试了许多求职者,很多求职者只知其然,而不知所以然,写此文章为广大前端小伙伴指引迷津。纯干货!纯干货!纯干货!
目录
React18小结
React18小结
新特性
// 1. setState 自动批处理
React 18 通过在默认情况下执行批处理来实现了开箱即用的性能改进。
(批处理: 在视图层,将多个渲染合并成一次渲染)
在 18 之前,只有在react事件处理函数中,才会自动执行批处理,其它情况会多次更新
在 18 之后,任何情况都会自动执行批处理,多次更新始终合并为一次
// 2. flushSync 退出批量更新
新的API
useId - 同一个组件在客户端和服务端生成相同的唯一的 ID。
useInsertionEffect - 提前注入新的style。
并发模式
- 开启并发模式,
- 1.默认使用批处理。
- 2.使用并发特性API。
startTransition:将特定更新标记为
“过渡”来显著改善用户交互(如搜索引擎的关键词联想)。