这是什么?
nw-hooks 是一组 React 自定义 Hooks 的集合,包括了业务开发中经常使用的基础&高级Hooks。
每个团队(个人)在项目开发中,随着业务的演进总会积累不少常用的自定义 Hooks ,重复的复制粘贴迁移既繁琐也不优雅。
更为重要的是 React Hooks 的使用有明显的上手门槛,有一个逐步上升的学习曲线
所以自定义 Hooks 并不像普通的工具函数,写完就万事大吉了,随着理解的深入往往会不断优化。
同时统一的自定义 Hooks 仓库有助于团队形成统一的书写风格,帮助初学者更快上手。
Hooks 列表
Hook | 描述 |
---|---|
usePersistFn | 持久化一个函数的引用 |
useModal | 一个简化模态框使用的方案 |
usePersistValue | 持久化一个值的引用,返回React.MutableRefObject 值 |
useVirtualList | 虚拟列表逻辑实现 |
useDynamicVirtualList | 不定高元素虚拟列表实现 |
useThrottleFn | 函数节流 |
useUpdateEffect | 仅在更新时执行副作用的useEffect |
useDebounceState | 防抖版 useState |
useDebounceFn | 函数防抖 |
useScrollSwiper | 一个轮播组件的逻辑实现 |
useDebugRenderCount | 显示状态变化所导致组件重复render的次数(仅在dev模式显示) |
辅助函数
名称 | 描述 |
---|---|
rem2Px | rem值转化为px值 |