React 18 引入了一系列新特性和改进,主要旨在提升性能和用户体验。以下是一些主要的新特性:
-
并发特性
并发渲染: React 18 引入了并发模式,使得 React 可以在后台准备多个状态更新,从而提高应用的响应性。
startTransition: 允许开发者标记某些状态更新为“过渡”,以便 React 可以优先处理更紧急的更新。 -
自动批处理
React 18 中的事件处理和异步操作可以自动批处理多个状态更新,从而减少渲染次数,提高性能。
-
useDeferredValue
新的 Hook,使得开发者可以延迟某些状态更新,以保持界面的流畅性。例如,在输入框中输入时,可以延迟搜索结果的更新。
-
useTransition
允许开发者管理 UI 状态的过渡,特别是在处理耗时的更新时,可以在用户与 UI 交互时显示加载状态。
-
Suspense 的改进
Suspense 支持用于数据获取,使得组件可以在等待数据时显示加载状态,提供更好的用户体验。
-
新根 API
createRoot: 新的根 API 使得 React 应用可以使用并发特性。需要使用 createRoot 替代 ReactDOM.render。
-
服务器端渲染(