nw-hooks
TypeScript icon, indicating that this package has built-in type declarations

0.1.2 • Public • Published

这是什么?

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值

Readme

Keywords

none

Package Sidebar

Install

npm i nw-hooks

Weekly Downloads

26

Version

0.1.2

License

ISC

Unpacked Size

251 kB

Total Files

28

Last publish

Collaborators

  • jeekdong