跳到主要内容

React 18 并发渲染的第一印象

· 阅读需 2 分钟
一介布衣
全栈开发者 / 技术写作者

React 18 在 2022 年真正进入大家视野后,最吸引眼球的关键词之一就是并发渲染。很多人第一次看到时会觉得它像是一个很底层的概念,但它背后其实对应的是用户体验层面的优化空间。

为什么这件事重要

传统同步渲染里,一旦界面更新重,用户交互很容易卡顿。并发能力本质上是在让 React 对更新的优先级有更细的处理空间。

第一阶段最值得理解的不是所有细节

而是先建立一个直觉:

  • 不是所有更新都必须立刻同步完成
  • 用户交互优先级更高的更新应该更快响应

这会影响我们以后怎么理解复杂页面交互。

为什么它会和大型页面体验有关

当一个页面同时承担搜索、表格、图表和输入交互时,最怕的就是用户每改一下输入,整个界面都像被拖住。并发渲染提供的价值,正是在这类场景里让更新更有层次,而不是所有内容一起抢占主线程。

第一阶段更适合怎么落地

我觉得不用急着追求“把所有页面都改成并发模式”,而是先在那些真正有明显交互压力的地方理解它的价值。先知道它在解决什么问题,比机械地记 API 更有意义。

小结

React 18 在 2022 年最值得关注的,不只是新增了几个 API,而是它重新推动大家思考“渲染和交互之间的优先级”这件事。