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 新特性