react 18 特性

背景： reactjs.org/blog/2021/0…

1、合并渲染（automatic batching）

2、startTransition

说明：就是被 startTransition 回调包裹的 setState 触发的渲染， 被标记为不紧急渲染，这些渲染可能被其他紧急渲染所抢占。

import { startTransition } from 'react'

// 紧急更新
setInputValue(input)

// 标记回调函数内的更新为非紧急更新
startTransition(() => {
    setSearchQuery(input)
})

访问被打断状态的:

import { useTransition } from 'react'
const [isPending, startTransition ] = useTransition()

3、ssr (streaming server renderer)

pipeToNodeWritable 代替 renderToString

按需

总结：更快的性能