React Conf 2021 (2) - New In React18

188 阅读1分钟

本系列是在观看React Conf的随笔记录, 一共六篇。这几天整理了下来,内容全来自每个React Conf的Speaker(感谢🙏). 这其中也包含一些自己的想法。若有错误请评论区指出。 当然还是建议亲自去看一下新鲜出炉的React Conf 2021 - Replay

那么这次在React 18中带来了新的提升与新的API.

  • Improvements

    • automatic batching
    • useId
  • Opt-in new feature

    • startTransition
    • useDeferredValue
    • Streaming SSR with Suspense

1.png Suspense的技术基础是concurrent rendering, 或许这个概念对一些人来说比较难以理解. 但是实际上我们只需要关注怎么使用,而如何实现是React团队的事情。

2.png

实际上他们已经在生产中使用了React 18带来的新特性。React 团队对于升级有着极高的标准:

  1. 最小化影响
  2. 升级后渐进式的适配新feature

其实在几年前我们就在提React的concurrent mode, 社区普遍认为是只要你升级到支持concurrent mode的版本,所有的组件都会开始使用concurrent rendering. 但是,从社区的反馈来看,这并不是社区需要的。

取而代之的是concurrent feature. 从mode → feature。这意味着React的升级你并不需要一刀切,你可以使用渐进式的策略,按自己的节奏使用concurrent rendering。

换句话说,只有concurrent feature, 没有concurrent mode。 你可以选择采用concurrent feature, 也可以不采用。

3.png

那么最新的进展是?

  • React 18 RC
  • Server components仍在开发中,所以这个feature不会包含在React 18稳定版中,但是未来react 18的小版本中会包含Server components的内容

4.png 更多Server components相关信息可以关注Server Components Working Group

GitHub - reactwg/server-components