背负青天而莫之夭阏者,而后乃今将图南。
百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 互联网 > 行业动态 > 正文

React 18 发布

swdejp 2023-10-16 107 浏览 0 评论

3 月 29 日,React 团队宣布 React 18 正式发布。该版本的主要更新包括开箱即用的功能改进,如自动批处理、新的 AIP(如 startTransition)和支持 Suspense 的流式服务器端渲染。


官方博客指出,此版本许多功能都建立在新的并发渲染器之上,这是一个解锁强大新功能的幕后更改。Concurrent React 是可选的,它仅在用户使用并发功能时启用,但开发团队认为它将会对大众构建应用程序的方式产生重大影响。


“我们花了数年时间研究和开发对 React 并发的支持,并且我们特别注意为现有用户提供逐步采用的路径。去年夏天,我们成立了 React 18 工作组,收集社区专家的反馈,确保整个 React 生态系统的顺利升级体验。”


React 18 的新功能如下:


自动批处理功能


React 将多个状态,更新到单一的重新渲染作业中,以获得更好的性能,过去没有自动批处理,开发者只能在 React 事件处理程序中批处理更新,而在默认状态下,Promise、setTimeout、原生事件处理程序,或任何 React 内部事件的更新不会在 React 中批处理,而在 React 18 中,这些更新都将可以自动批处理。


Transitions 功能


React 18 引入了 Transition 的新概念,用来区分紧急和非紧急更新。紧急更新表现在直接交互像是输入、点击和按下等操作,非紧急的过渡更新,则是将 UI 从视图过渡到另一个视图。官方表示,之所以打字、点击和按下等紧急更新需要立即回应,是因为对用户来说,如果这些行为没有立刻获得回应,用户会觉得应用程序发生问题,但是并非所有过渡都是相同的,因为用户并不会期望在屏幕增至到每个中间值。


因此开发者应该将单一用户的输入,区分为紧急更新与非紧急过渡更新,以提供最佳的用户体验,开发者可以在输入事件中,使用 startTransition API,来告知 React 紧急与非紧急过渡更新。


新的 Suspense 功能


开发者现在可以在 React 18 中结合使用 Suspense 与过渡 API,以获得最佳的效果。Suspense 可以让还没准备好渲染的 UI,显示为加载状态,来解决程序代码分割(Code-splitting)和资料截取的问题。在这次更新中,React 会推延渲染,直到应用程序加载足够的资料,以异步操作避免错误的加载状态出现。


新的客户端和服务器渲染 API


在这个版本中,开发团队重新设计了他们为在客户端和服务器上呈现而公开的 API。这些更改允许用户在升级到 React 18 中的新 API 时继续使用 React 17 模式下的旧 API。


新的严格模式行为 (Strict Mode Behaviors)


此功能将为 React 应用程序提供更好的开箱即用性能,但要求组件能够对多次挂载和销毁的效果具有弹性。大多数效果无需任何更改即可工作,但有些效果假定它们只挂载或销毁一次。为了帮助解决这些问题,React 18 为严格模式引入了一个新的仅限开发的检查。


每当第一次安装组件时,此新检查将自动卸载并重新安装每个组件,并在第二次安装时恢复先前的状态。


原文详情:

https://reactjs.org/blog/2022/03/29/react-v18.html

相关推荐

新手小白必知的15个超级好用的良心网站分享 建议点赞收藏

这15个鲜为人知的神仙网站我用了很久一旦上手就很难离开涵盖学习工作和生活的很多场景不仅免费还很实用随时随地学到新技能一不小心就能让你爱上它们赶紧点赞收藏吧~PPT超级市场一个完全免费的...

12款超级有用的网页交互jQuery插件

在web前端人员,利用jQuery插件可以大大加快工作效率。不是自己写不好jQuery程序,而是我写一个jQuery可能纠结几天,即使写出来,也不是最简洁,这时候就浪费了代码的质量。一般来说前端工作人...

AngularJS、ReactJS与VueJS比较 - DZone

对于一个优秀的开发人员来说,任何框架几乎没有任何实质性的区别。他们对这些技术中的任何一种都感到满意,但对于企业而言,它会产生不同。这取决于他们到底想要什么:您想开发一个对SEO友好的网站吗?如果是...

React 18 发布

3月29日,React团队宣布React18正式发布。该版本的主要更新包括开箱即用的功能改进,如自动批处理、新的AIP(如startTransition)和支持Suspense的...

软件更新丨Node.js v11.0.0 正式发布!
软件更新丨Node.js v11.0.0 正式发布!

关注开源中国OSC头条号,获取最新技术资讯Node.jsv11.0.0已正式发布!该版本主要侧重于对内部和性能方面的改进,以及升级到V87.0版本。值...

8个月前 (10-15) swdejp

Node.js v8.0.0正式发布,大量更新
Node.js v8.0.0正式发布,大量更新

Node.js基金会宣布发布Node.jsv8.0.0。Node.jsv8将是下一个长期支持版(LTS)Node.jsv8.0.0已正式发布。v8...

8个月前 (10-15) swdejp

IE 退役倒计时 3 个月,微软改进 Edge 中 IE 模式

微软曾于去年5月份宣布,InternetExplorer11桌面应用程序将于2022年6月15日退役;同时将从某些Windows10版本中淘汰InternetExplo...

Go+ 下个里程碑:超越 cgo,无缝对接 C 语言

去年(2021年)Go+的slogan从“面向数据科学”的语言升级到了“面向工程、STEM教育与数据科学”三位一体的语言。也就是说,我们希望Go+可以同时被软件工程师、中小学生、数...

乘数科技加入 PolarDB 开源数据库社区

乘数科技签署阿里巴巴开源CLA(ContributionLicenseAgreement,贡献许可协议),正式加入阿里云PolarDB开源数据库社区。PolarDB是阿里巴巴自研的新一代数据...

黑客公开勒索病毒代码 专家提醒防御查杀

新华社北京1月29日电瑞星安全专家日前截获一款病毒样本。这个被瑞星命名为“GoRansom”的病毒的作者,居然将此病毒代码在网上公开,而公开的理由,作者称是为了研究勒索病毒原理。病毒代码公开,意味着...

雷军做程序员时写的博客,太牛了。。

来源:雷军的博客blog.sina.com.cn/leijun这篇文章是在雷总个人博客看到的,里面聊到了他作为程序员的一些经历、初衷以及思考。写的不错,转来给大家看看。如果程序人生的话,这条路太漫长...

社区纠纷不断:程序员何苦为难程序员

日前,因为被多人侮辱大吼,Swift之父正式退出Swift核心团队。诸如此类的“语言暴力”、“网络暴力”事件在开源社区乃至整个IT社区屡见不鲜。多个技术社区,都出现过创始人、重要维护者、贡献...

没学历学java很难找工作吗
没学历学java很难找工作吗

说实话不是学Java很难找工作,是以后找工作基本都会看学历,学历这个东西说重要也重要,因为它决定了你的简历能不能呈现到面试官面前,如果你的学历不够的话很有可能在...

8个月前 (09-19) swdejp

Google 招聘信息泄露天机,Android Studio 可用于开发 Android 系统
Google 招聘信息泄露天机,Android Studio 可用于开发 Android 系统

Google日前在官方招聘页面放出新的招聘信息,而这个招聘信息则是泄漏了AndroidStudio的未来发展方向。根据招聘信息介绍,该职位是Andro...

8个月前 (09-18) swdejp

Docker 启用全新功能,文件共享时间大幅减少 98%
Docker 启用全新功能,文件共享时间大幅减少 98%

近日Docker更新了macOS端的桌面应用,在新版本中引入了一项名为VirtioFS的实验性功能,根据官方介绍,开启这项功能后可以使文件共享所花费...

8个月前 (09-18) swdejp

取消回复欢迎 发表评论: