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

news/2024/7/6 4:50:33

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


http://www.niftyadmin.cn/n/3433359.html

相关文章

centos编译安装zlib

2019独角兽企业重金招聘Python工程师标准>>> 先到官网下载(比如下载1.2.11版本): http://www.zlib.net/ 然后将tar包解压到 /usr/local/zlib。 切换到/usr/local/zlib/zlib-1.2.11 ./configure make && make install 转载于:https://my.oschina.…

[LeetCode]3Sum Closest

题目描述:(链接) Given an array S of n integers, find three integers in S such that the sum is closest to a given number, target. Return the sum of the three integers. You may assume that each input would have exactly one solution. For example, given array …

recv()

说明我的想法之前,我先纠正一下上面我犯的几个错误,也许说明这些错误对楼主也有帮助。且听我慢慢道来,嘿嘿我的犯的最大错误是,没有搞清楚“模式”和“选项”,BLOCK是一种模式,而TIMEOUT只是一个在特定模式…

crontab-ui 管理 crontab

背景 以前在做定时任务的时候,都需要上网查一下怎么配置 crontab,因为这个东西不常用而且使用功能间隔可能会很长,每次需要用的时候可能都忘记上次是怎么用的,所以每次都需要去查怎么配置使用。这里介绍一个工具 crontab-ui 帮助…

python-序列对象方法(38)

>>> from random import randint >>> alist list() >>> list(hello) [h, e, l, l, o] >>> list((10,20,30)) #元组转换成列表 [10, 20, 30]>>> astr str() >>> str(10) #将数字转换成字符串 10 >>> str…

文件分片上传,断点续传

为什么文件要分片上传? 当单文件过大时,因为传输和后端处理文件时间过长都会导致时间过长,如果代理服务器没有在期望时间内获得后端处理程序返回内容,就会向前端抛出timeout错误。所以文件过大,需要对文件进行拆分,分…

ubuntu下SSH免密码登录设置

SSH服务器端:AA的SSH端口:portAA的用户名:nameAA的IP:IPA SSH访问端:BB的用户名:nameBB的IP:IPB效果:B通过SSH访问A1)确认ssh是否安装(通过重启来确认&#x…

纯 Git 实现前端 CI/CD

纯 Git 实现前端 CI/CD 原文链接:纯 Git 实现前端 CI/CD 最近要把前端 react 项目部署到私有服务器上,研究了好几种持续部署方案,这里简单描述一下。 总的部署思路分两种: 1.编译后的文件部署 编译后的文件部署,就是先在本地进行npm run build打包,生成 build 文件夹…