上篇文章,我们介绍了一些Hook的Api,那么我们再来介绍一下强有力的一个 hook 组件库:ahook

    首先来介绍下什么是ahook

    ahook定位于一套基于 React Hooks 的工具库,核心围绕 React Hooks 的逻辑封装能力,降低代码复杂度和避免团队的重复建设为背景,共同建设和维护阿里经济体层面的 React Hooks 库。简单来说,就是给Hook提供了常用,好用的Api

    有兴趣的话可以看下 ahook官网

    具体演示示例:Domesy/ahook

    接下来我会介绍一些我认为比较重要的 ahook 的Api,有任何问题欢迎在下方留言告知~

    主要有(33个Api):

    LifeCycle(7个Api)
    useMount(装载)、useUnmount(卸载)、 useUpdateEffect(更新)、 useUpdateEffect(强制更新)、 useTrackedEffect(依赖)、 useDebounceEffect(防抖)、 useThrottleEffect(节流)

    State(8个Api)
    useCountDown(倒计时)、useBoolean(布尔管理)、useToggle(两种状态切换)、MockSet(Set类型管理)、Object(Object类型管理)、useCounter(数字类型管理)、useNetwork(网络连接状态)、MockWhyDidYouUpdate(什么导致渲染 render)

    SideEffect(6个Api)
    setInterval(管理 setInterval)、setInterval(管理 setInterval)、useDebounce(对值的防抖)、useDebounceFn(对函数的防抖)、useThrottle(对值的节流)、useThrottleFn(对函数的节流)

    Dom(8个Api)
    useEventListener(管理 addEventListener)、useHover(鼠标悬停状态)、useFullscreen(全屏功能)、useMouse(获取鼠标位置)、useScroll(获取元素滚动的位置)、useResponsive(响应式信息)、useTextSelection(监听选取的位置及内容)、useSize(监听屏幕尺寸)

    Advanced(4个Api)
    useCreation(结合 useMemo 或 useRef)、useEventEmitter(共享事件通知、useReactive(另一种useState

    希望大家多多支持~~