0.1.2 • Published 1 year ago
nw-hooks v0.1.2
这是什么？
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值 |