用途:在 React 应用中实现加载状态、优化感知性能、处理慢渲染,并正确添加 Suspense 边界,避免并发特性的常见误用。
主要能力:覆盖并发 API 速查(Suspense、useTransition、startTransition、useDeferredValue、lazy、React 19 的 use()),提供 API 签名、决策树(按需求选择并发特性)、模式示例(嵌套 Suspense 边界、导航过渡、搜索延迟值、React.lazy 代码分割、用 key 重置边界)以及反模式清单。
必要用法与关键限制:lazy() 必须在模块顶层声明,不可写在组件体内;不要用 startTransition 或 useTransition 处理受控文本输入更新;不要向 useDeferredValue 传入渲染中新建的对象;不要在 try-catch 中调用 use();Suspense 只对支持 Suspense 的数据源(框架、lazy()、use())生效,不会捕获事件处理器或 useEffect 中的请求;await 之后的状态更新需重新包裹 startTransition;useDeferredValue 需配合 memo() 使用。
版本差异:React 18 与 19 在 Suspense、useTransition、startTransition、useDeferredValue、use()、流式 SSR 等方面存在差异,use() 与 useDeferredValue 的 initialValue 参数仅 React 19 可用。
适用场景:需要加载占位、代码分割、路由切换、搜索等慢渲染优化的 React 项目。
限制:资料未提供安装命令、收费、平台与效果数据,暂未提供。