ahooks源码解析

如何深刻理解响应式，在Vue中我相信大家已经很好的在使用reactive和ref了。那么在React的世界里面，我们怎么去玩响应式呢，然后会不会有什么晕地的不适症状呢，本文我们来一起看一下

我们常常面对状态管理、渲染优化和闭包陷阱等复杂问题。而利用useRef、useLatest和useMemoizedFn等hooks，我们可以更好地管理这些问题，从而编写出高效、稳定的应用代码

ahooks对useSet，useMap封装的初衷就在于简化 React 应用中对这两种数据结构的运用，通过useMemoizedFn对操作函数进行优化，确保函数引用的稳定性，优化开发体验

useState基本介绍和使用，类比class模式下的this.setState的区别拓展到ahook中为什么需要一个useSetState

我们本次的重点是通过ahook源码仓库和dumi的使用，了解源码仓库所要包含的工程化工具，直观地去了解和学习，ahook的工程化和源码结构是怎样的，我觉得这个实战步骤对于学习源码相当有意义的。

在ahooks中生命周期相关hook还剩下useUnmount，useUnmountedRef，详细解读下

第一篇正式的ahooks的源码解读，我们首先来看下与生命周期相关的几个Hook，分别是useMount，useUnmount，useUnmountedRef

ahooks源码解析系列，从源码解析中成长，应该说是我们做业务开发中比较常见的使用工具，源码体量不是特别大，而且颗粒度适中，可以从易到难