夏子K:51xuebc.com/thread-589-1-1.html
React 18 引入了一些新功能和改进,以下是一些核心开发技术的简要概述:
并发模式
React 18 引入了一种并发模式,允许组件在等待依赖关系时暂停和恢复。 这有助于提高应用的响应能力和性能。
用starttransition
函数来标记可以并发执行的组件更新。
时间切片
时间分片是一种将长时间运行的任务分解为短时间块以提高应用程序响应能力的技术。
React 18 将长时间运行的任务拆分为多个较小的任务,并使用新的时间分片功能在不同的时间段执行它们。
react suspense
React Suspense 用于处理组件之间的依赖关系,允许组件在等待依赖关系时优雅降级。
通过使用suspense
组件,允许您指定在加载依赖项之前要显示的回退内容。
hooks api
Hooks API 是在 React 16 中引入的,它允许你在函数组件中使用 React 的功能,例如状态和生命周期方法。
React 18 通过优化和改进继续支持 Hooks API。
误差边界
错误边界是一个特殊的组件,用于捕获其子组件树中的 j**ascript 错误并显示备用回退。
在 React 18 中,错误边界的行为得到了改进,可以更好地处理组件更新和并发模式。
context api
Context API 用于在组件树中传递数据,而无需通过每个中间组件显式传递 props。
React 18 对 Context API 进行了一些改进,以提高其性能和灵活性。
react refs
引用是 React 中用于访问 dom 元素或组件实例的引用。 在 React 18 中,refs 的行为得到了改进,可以更好地支持并发模式和时间分片。
新钩子:usesyncexternalstore
usesyncexternalstore
是一个新的钩子,允许你从外部存储同步读取数据并与其他 React 组件共享。 这非常适合与非 React 存储库集成。
新的生命周期方法:GetderivedStateFromError 和 ComponentDidCatch
getderivedstatefromerror
是一种新的生命周期方法,允许组件从捕获的错误中派生状态。 这对于处理组件树中的错误非常有用。
componentdidcatch
是另一种新的生命周期方法,它允许组件捕获其子组件树中的错误,并在必要时修复或降级它们。
光纤调度程序
React 18 使用新的 Fiber 调度器,它提供了更好的时间分片和任务调度功能,提高了应用程序的响应能力和性能。