https://github.com/can-dy-jack/chook

react hooks library
https://github.com/can-dy-jack/chook

clipboard hooks javascript npm react react-hooks reactjs typescript

Last synced: 12 days ago
JSON representation

react hooks library

• Host: GitHub
• URL: https://github.com/can-dy-jack/chook
• Owner: can-dy-jack
• License: mit
• Created: 2022-10-11T11:07:41.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-31T03:49:30.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T01:51:31.482Z (28 days ago)
• Topics: clipboard, hooks, javascript, npm, react, react-hooks, reactjs, typescript
• Language: TypeScript
• Homepage: https://kartjim.cn/chook/
• Size: 3.38 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chook

> reack hook library

[![NPM version](https://img.shields.io/npm/v/@kartjim/chook.svg?style=flat)](https://npmjs.org/package/@kartjim/chook)

[![NPM downloads](http://img.shields.io/npm/dm/@kartjim/chook.svg?style=flat)](https://npmjs.org/package/@kartjim/chook)

```bash

npm i @kartjim/chook

```

or 

```bash

yarn add @kartjim/chook

```

## 📃 Documentation

- ✍️ state

  - [`useSetState`](https://kartjim.cn/chook/components/usesetstate) 管理 `object` 类型 `state` 的 `Hooks`

  - [`useBoolean`](https://kartjim.cn/chook/components/useboolean) 更好管理 `Boolean` 的 `Hook`

  - [`usePrevious`](https://kartjim.cn/chook/components/useprevious) 保存上一次渲染时 `state` 的值。

  - [`useSafeState`](https://kartjim.cn/chook/components/usesafestate) 用法与 `React.useState` 完全一样，避免因组件卸载后更新状态而导致的内存泄漏。

  - [`useDebounce`](https://kartjim.cn/chook/components/usedebounce) 用于防抖的 `Hook` 函数

  - [`useThrottle`](https://kartjim.cn/chook/components/usethrottle) 用于节流的 `Hook` 函数 

  - [`useSet`](https://kartjim.cn/chook/components/useset) 用于操作 `Set` 数据类型的 `Hook`

  - [`useMap`](https://kartjim.cn/chook/components/usemap) 用于操作 `Map` 数据类型的 `Hook`

  - [`useClippy`](https://kartjim.cn/chook/components/useclippy) 用于读取和写入用户的剪贴板的 `Hook`

  - [`useFirstMountState`](https://kartjim.cn/chook/components/usefirstmountstate) 判断组件是否是首次渲染的 `Hook`

  - [`useLatest`](https://kartjim.cn/chook/components/uselatest) 对 `useRef` 进行封装，保证每次拿到最新的值，避免你闭包问题。

- 🔔 effect

  - [`useUpdate`](https://kartjim.cn/chook/components/useupdate) 实现组件的强制更新。

  - [`useTimeout`](https://kartjim.cn/chook/components/usetimeout) 在函数组件里可使用 `setTimeout` 一样使用 `useTimeout` 。

  - [`useInterval`](https://kartjim.cn/chook/components/useinterval) 在函数组件里可使用 `setInterval` 一样使用 `useInterval` 。

  - [`useUpdateEffect`](https://kartjim.cn/chook/components/useupdateeffect) 更新后立即调用，但是首次渲染不会执行此方法。

- 🔯 lifecycle

  - [`useMount`](https://kartjim.cn/chook/components/usemount) 实现类似于 `class` 组件中的 `componentDidMount` 生命周期钩子

  - [`useUnmount`](https://kartjim.cn/chook/components/useunmount) 实现类似于 `class` 组件中的 `componentWillUnmount` 生命周期钩子。

  - [`useUnmountedRef`](https://kartjim.cn/chook/components/useunmountedref) 获取当前组件是否已经卸载的 Hook。

- 🪢 dom

  - [`useTitle`](https://kartjim.cn/chook/components/usetitle) 自定义页面title

  - [`useFavicon`](https://kartjim.cn/chook/components/usefavicon) 设置页面 `favicon` 的 `Hook`

  - [`useActive`](https://kartjim.cn/chook/components/useactive) 监控点击事件

  - [`useClickOutside`](https://kartjim.cn/chook/components/useclickoutside) 监听目标元素外的点击事件

  - [`useFocus`](https://kartjim.cn/chook/components/usefocus) 监控是否拥有焦点

  - [`useHover`](https://kartjim.cn/chook/components/usehover) 监控鼠标是否移入

  - [`useMousePosition`](https://kartjim.cn/chook/components/usemouseposition) 获取鼠标的 `offsetX` 和 `offsetY` 值

- 🦴 optimize

  - [`useClosure`](https://kartjim.cn/chook/components/useclosure) 替代 `useCallback` ，避免闭包陷阱。

## LICENSE

MIT