程普

前端工程师 | v:bigye_chengpu

前端工程师，全栈实践者，AI降临派

赞

95

|

搜索文章

精读React hooks（十三）：使用useSyncExternalStore获取实时数据

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

2年前
2.4k
13
1

精读React hooks（十三）：使用useSyncExternalStore获取实时数据

精读React hooks（十二）：使用useImperativeHandle能获得什么能力

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

2年前
2.5k
13
1

精读React hooks（十二）：使用useImperativeHandle能获得什么能力

精读React hooks（十一）：useInsertionEffect——CSS-in-JS样式注入新方式

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

2年前
2.3k
17
1

精读React hooks（十一）：useInsertionEffect——CSS-in-JS样式注入新方式

精读React hooks（十）：使用useDeferredValue来做状态延迟更新

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

2年前
2.6k
16
5

精读React hooks（十）：使用useDeferredValue来做状态延迟更新

精读React hooks（九）：使用useTransition进行非阻塞渲染

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

2年前
3.5k
25
8

精读React hooks（九）：使用useTransition进行非阻塞渲染

精读React hooks（八）：我们为什么需要useCallback

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

2年前
3.7k
23
7

精读React hooks（八）：我们为什么需要useCallback

精读React hooks（七）：用useMemo来减少性能开销

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

2年前
2.9k
27
1

精读React hooks（七）：用useMemo来减少性能开销

精读React hooks（六）：useLayoutEffect解决了什么问题？

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

2年前
9.9k
124
13

精读React hooks（六）：useLayoutEffect解决了什么问题？

精读React hooks（五）：useEffect使用细节知多少？

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

2年前
5.8k
38
3

精读React hooks（五）：useEffect使用细节知多少？

精读React hooks（四）：useRef的多维用途

在这篇文章中，我们对 React 的 useRef 进行了深入的探讨，透过实际代码，再现了useRef绝大多数应用场景，无论你是 React 新手还是老手，相信本文都能为你提供有价值的知识。

2年前
4.8k
58
2

精读React hooks（四）：useRef的多维用途

个人成就

2023年度人气作者No.19

优秀创作者

文章被点赞 3,033

文章被阅读 422,116

掘力值 14,026

加入于

2017-10-18