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

1.0.1 • Public • Published

Welcome to wrench-hooks

What ?

wrench-hooks 扳手 hooks 工具库,针对业务场景开发的 hooks,轻量简洁~~~ (该库支持 TS 类型支持)

Quick Start

npm i wrench-hooks
import { useTitle } from 'wrench-hooks'

useTitle('welcome to  wrench-hooks')

Docs

document address

API

hooks description
createMemo useMemo 的封装, 自动收集函数依赖的缓存钩子
createReducer 结合 thunk、logger 中间件的 useReducer
createReducerContext useReducer 结合 createContext 实现组件状态共享
createStateContext useState 结合 createContext 实现组件状态共享
useCallbackState 用于获取最新的 state
useUpdate 强制更新钩子
useFirstMountState 是否第一次渲染
useUpdateEffect 忽略第一次调用钩子的 useEffect 的 update 更新状态
useDebounce 常见用于 input 的输入控制 state 的防抖处理
useThrottle 按钮点击必用的控制 state 的节流处理
useMouse 跟踪鼠标的位置
useScroll 跟踪网页滚轮的位置
useWindowSize 跟踪网页的尺寸缩放
useFullScreen 全局显示元素或视频
useClip 文本复制到剪贴板
useTitle 修改标题

Package Sidebar

Install

npm i wrench-hooks

Weekly Downloads

0

Version

1.0.1

License

none

Unpacked Size

16 kB

Total Files

21

Last publish

Collaborators

  • chencaijun