精读React hooks(十六):一个为代码优雅而生的hook——use

use 是一个能让你的代码更优雅的hook,虽然它还不是一个正式发布的 hook,但这不妨碍我们学习。

精读React hooks(十五):把useDebugValue加入你的React调试工具库

useDebugValue 是一个专为开发者调试自定义 hook 而设计的 React hook,它可以让你的 hook 在 debug 时有更友好的提示。

精读React hooks(十四):总有一天你会需要useId为你生成唯一id

在服务端渲染的应用中,在需要指定HTML节点ID的时候,我们需要确保服务端和客户端hydration后HTML可以正确合并,React v18推出的useId就是用来解决这个问题的。

精读React hooks(十三):使用useSyncExternalStore获取实时数据

useImperativeHandle是一个为库开发者设计的hook,作为一名应用开发者,你可以不用它,但有必要了解它。

精读React hooks(十二):使用useImperativeHandle能获得什么能力

useImperativeHandle提供了一种精确控制组件对外暴露的能力,有了它,开发者可以轻松实现对组件的细粒度控制和高度封装。

精读React hooks(十一):useInsertionEffect——CSS-in-JS样式注入新方式

useInsertionEffect是为CSS-in-JS库提供的一个hook,它让后者可以更合理地注入样式,本文就来介绍一下useInsertionEffect的用法和优势。

精读React hooks(十):使用useDeferredValue延迟状态更新

useDeferredValue带来的是可延迟的状态更新,当实际工作中遇到大数据量渲染的场景,不妨引入useDeferredValue试试。

精读React hooks(九):使用useTransition进行非阻塞渲染

React的默认渲染行为是同步的,遇到大数据量渲染时就会出现卡顿,使用useTransition就可以轻松把UI渲染变成异步的,让卡顿消失无踪。

精读React hooks(八):我们为什么需要useCallback

本文对 React 的useCallback钩子进行了详细的探讨,解释了其背后的原理、与useMemo的对比、合适的应用场景以及如何正确使用。

精读React hooks(七):用useMemo来减少性能开销

为了更好地满足开发者对于细粒度性能控制的需求,React推出了useMemo这一Hook,允许我们针对复杂的计算进行精细化的优化,从而避免不必要的渲染重复。

精读React hooks(六):useLayoutEffect解决了什么问题?

useLayoutEffect的用法和useEffect完全一样,那么本文就来谈谈这二者在使用场景上的区别,以及useLayoutEffect的使用注意事项。

精读React hooks(五):useEffect使用细节知多少?

useEffect是一个常用的 hook,正因为常用容易让开发者忽略了其中的使用细节,本文梳理了useEffect的使用细节和清除函数的使用场景。