技术周刊 2021-06-08：React 18 和并发 SSR 支持就要来了

• React 18 公布了其更新计划：
  • 将到来的功能更新包括：
    • 自动批量更新功能：此前只在一层事件回调里的 setState 才可以批量提交；
    • 可中断任务 API：startTransition 和 useTransition，使用此 API 可以防止内部函数执行过程拖慢 UI 响应速度；
    • 并发 Suspense 架构：允许将 React 应用拆为多个独立的单元，并行服务器端渲染（Server-side Rendering，简称 SSR），打破当前 SSR 的串行“服务器收集数据 - 前端拉取数据 - 执行脚本 - 界面可交互”的模式，优化前端的加载速度和可交互所需等待时间；此外 React.lazy 也默认支持了 SSR；
      • 此前官方预告中介绍的并发模式因其兼容性遭受社区诟病，已改为此侵入性更低的方案；
      • React 18 对并发 SSR 的更新为选择性支持（Opt-in），Facebook 内部已在数万组件中尝试，只有少量组件需要修改；
  • [email protected] 和 [email protected] 已于昨日发布到 npm，将于数个月内发布 beta 版本，在数周后进入 RC，再在数周后发布正式版。

点评：此前的“并发模式”中介绍的 API useDeferredValue 和 <SuspenseList> 也暂未出现此次更新的描述中，应该也是删去了。

• 随着 WWDC 在6月8日的举行，Safari 15 Beta 发布：
  • CSS & HTML 更新：
    • 块级元素支持 aspect-ratio 了，此前 Firefox 89、Chrome 88 已支持；
    • 支持了 CSS Color Module Level 4 中定义的颜色函数 lab()、lch()、hwb()；
    • 支持了 CSS Color Module Level 4 中色彩空间定义如 srgb、display-p3、a98-rgb、prophoto-rgb、rec2020、xyz；
    • 支持使用 meta 标签指明页面的 theme-color 是否适配黑暗模式和正常模式；
  • JavaScript 更新:
    • 支持了 Top-level Await，此前 Firefox 89、Chrome 89 已支持；
    • 支持了 BigInt64Array、BigUint64Array；
    • 支持了 Error.cause API；
  • 其他浏览器功能更新：
    • 支持了 WebGL 2；
    • 支持了 Web Share Level 2，使得可以从网页往 APP 传输文件；
    • 自动升级到 HTTPS 功能。
• 因 V8 实现了 Object.hasOwn 接口，Object.hasOwn 接口提案进入 stage 3。此接口完全等同于 Object.prototype.hasOwnProperty()。

Object.prototype.hasOwnProperty.call(object, "foo")
// simplifies that code to: 
Object.hasOwn(object, "foo")

• 在 Chrome 91 中支持了静态 JSON 模块引入，让用户允许通过 import config from '../config.json' 的方式静态引入 JSON，而不需要经由 fetch() 动态引入。

• Electron 13 发版，内核升级到了 Chromium 91 和 V8 9.1。

• interactive-gp-visualization 是高斯过程的可视化项目，由 Svelte、D3 和 ml-matrix 构建。

编辑：承虎 & 审阅：一丝