React 18 RC 版本发布，正式放弃 Internet Explorer

React 18 RC(Release Candidate 候选版本)版本正式发布: 候选版本的代码已经接近稳定，功能上不会有太大变化，因此该版代码大家可以在生产环境进行尝试了。

同时 React 18 引入了由新的并发渲染器支持的功能，并且会为现有应用程序提供逐步迁移的策略。

安装 React 18 RC

安装最新的 React 18 RC，需要在 react-dom 后添加 @rc 标签

npm install react@rc react-dom@rc

或者如果你使用 yarn :

yarn add react@rc react-dom@rc

客户端渲染 API 的更新

React 18 不再支持 ReactDOM.render。请修改为 createRoot。

// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);

// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container);
root.render(<App tab="home" />);

unmountComponentAtNode改为root.unmount

// Before
unmountComponentAtNode(container);
// After
root.unmount();

服务器渲染 API 的更新

弃用 renderToNodeStream ，更新为 renderToPipeableStream
引入新 API renderToReadableStream 以支持服务端的 Suspense 和流式 SSR
renderToString 和 renderToStaticMarkup 仍可继续使用，但是对 Suspense 的支持有限。

用于第三方库的API

为了支持 React 18，一些库可能要使用下面的 API 进行一些修改:

useId 是一个新的 hook，用于客户端和服务端生成唯一 ID，同时避免与 hydration 的不兼容，这可以解决 React 17 及更低版本的问题。
useSyncExternalStore 也是一个新的 hook ，它允许外部存储通过强制同步更新来支持并发读取。
useInsertionEffect是一个新的钩子，它可以解决 CSS-in-JS 库在渲染中注入样式的性能问题。

放弃对 Internet Explorer 的支持

在这个版本中，React 正式放弃了对 Internet Explorer 的支持。如果你需要支持 Internet Explorer ，React 官方建议继续使用 React 17。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

想高效系统的学习Python编程语言，推荐大家关注一个微信公众号：Python编程学习圈。每天分享行业资讯、技术干货供大家阅读，关注即可免费领取整套Python入门到进阶的学习资料以及教程，感兴趣的小伙伴赶紧行动起来吧。

发表于 2022-03-21 11:25
阅读 ( 409 )
分类：行业资讯

React 18 RC 版本发布，正式放弃 Internet Explorer

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »