hook

React19 的 大部分更新，几乎都是围绕如何在开发中尽量不用或者少用 useEffect 来展开。在之前的项目开发中，useEffect 是我们处理异步问题必须使用的重要 hook 之一，他几乎存在于每一个页面组件之中。

本文模拟的实践案例为点击按钮更新数据。这在开发中是一个非常常见的场景。我们直接用 React 19 新的开发方式来完成这个需求。

在 React 中，Hook 是基于闭包来实现，因此几乎每个 hook 理论上都具有缓存能力。我们常用的这些 hook：useState、useRef useReducer useEffect useMemo useCallback 他们都有一些共性，那就是缓存能力。然后在语义上有一些差异。

UseState 调用分为两个阶段，一个是初始化阶段，一个是更新阶段。当我们在BeginWork 中调用 RenderWithHooks 时，通过判断 Fiber.memozedState 是否有值来分辨当前执行属于初始阶段还是更新阶段。

hook 对于程序员来讲肯定不陌生，可以看做是一个生命周期的事件处理，例如提交代码后，触发某个动作，「提交代码后」这个节点就是个 Hook，在这个Hook里我们可以加入一些自定义的处理逻辑来达到某些目的。

前几天我的一位学生跟我探讨了一种 useCallback 的用法，他的想法是：当我们在封装开源工具库时，对自定义 Hook 中暴露出来的钩子函数使用 useCallback 缓存。

这篇文章分享了两个 React 项目性能优化的最重要的手段。我们只要了解了真实的底层机制，就能写出高性能的代码，他们的理解难度并不高。我们只需要在项目中正确的去编写符合他们机制的代码即可。

在Android开发中，Hook通常是通过修改或替换Android应用程序的运行时行为，来实现对应用程序的定制、增强或监控。常见的Android Hook技术包括使用Xposed框架、使用Substrate框架、使用JNI/NDK技术等。

首先，我们要明确一点：「Hook依赖项变化，回调重新执行」是针对不同更新来说的。而我们的Demo中UseMemo回调虽然会执行几千次，但他们都是同一次更新中执行的。

如果说CSR时期的hook都是面向开发者直接使用的。那么并发时期最初的2个Hook（useTransition、useDeferredValue）已经鲜有开发者使用了，而后期类似useMutableSource这样的Hook，普通开发者则根本用不到。

本文只讲了状态 Hook 代表 UseState，和 副作用 Hook 代表 UseEffect，其他 Hook 其实也差不多。

对于一些后台管理系统，典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。针对使用 Antd 的系统，在 ahooks 中主要是通过 useAntdTable 和 usePagination 这两个 hook 来封装。

Document.visibilityState （只读属性）, 返回document的可见性， 即当前可见元素的上下文环境。由此可以知道当前文档 (即为页面) 是在背后， 或是不可见的隐藏的标签页，或者 (正在) 预渲染。

useClickAway 就是使用了事件代理的方式，通过 document 监听事件，判断触发事件的 DOM 元素是否在 target 列表中，从而决定是否要触发定义好的函数。

虽然写的是关键代码定位，其实只不过是常用的代码罢了，上面这些使用在逆向app时总结的hook代码。