React 18已经发布,新特性一览,带你快速了解

357 阅读1分钟

React 18已经发布,新特性一览,带你快速了解。

react 18 已经发布。 1.新增了useId,startTransition,useTransition,useDeferredValue,useSyncExternalStore,useInsertionEffect等新的 hook API 2.针对浏览器和服务端渲染的 React DOM API 都有新的变化,诸如:

  • React DOM Client 新增 createRoot 和 hydrateRoot 方法。
  • React DOM Server 新增 renderToPipeableStream 和 renderToReadableStream 方法。

3.部分弃用特性。

  • ReactDOM.render 已被弃用。使用它会警告:在 React 17 模式下运行您的应用程序。 -
  • ReactDOM.hydrate已被弃用。使用它会警告:在React 17 模式下运行您的应用程序。
  • ReactDOM.unmountComponentAtNode已被弃用。 ReactDOM.renderSubtreeIntoContainer 已被弃用。
  • ReactDOMServer.renderToNodeStream 已被弃用。

4.breaking change

  • 自动批处理
  • Stricter Strict Mode
  • 一致的 useEffect 计时
  • 更严格的补水错误
  • 带有悬念的布局效果
  • 新的 JS 环境要求

更多详情介绍请查看 React 18 新特性