@lgfe/toolkit-hooks
v1.0.2
Published
general react hooks toolkit
Downloads
3
Readme
@lgfe/toolkit-hooks
通用hooks,满足react
日常开发使用,包含80+常用hooks,抽取其公共特效,提供esm
和cjs
两种格式
🚀 安装
pnpm i @lgfe/toolkit-hooks
⚙️ 快速开始
// 引入
import { useDebounce } from '@lgfe/toolkit-hooks';
使用见文档,直接hover到函数上即可出现example
# hooks名称一览
├── useActiveElement
├── useAsyncEffect
├── useClickOutside
├── useClipboard
├── useCookie
├── useCountDown
├── useCounter
├── useCssVar
├── useCustomCompareEffect
├── useCycleList
├── useDarkMode
├── useDebounce
├── useDebounceFn
├── useDeepCompareEffect
├── useDocumentVisibility
├── useDoubleClick
├── useDraggable
├── useDropZone
├── useElementBounding
├── useElementSize
├── useElementVisibility
├── useEvent
├── useEventEmitter
├── useEventListener
├── useFileDialog
├── useFocus
├── useFps
├── useFullscreen
├── useGeolocation
├── useHover
├── useIdle
├── useInfiniteScroll
├── useIntersectionObserver
├── useInterval
├── useIsFirstMount
├── useIsomorphicLayoutEffect
├── useKeyModifier
├── useLatest
├── useLatestElement
├── useLocalStorage
├── useLongPress
├── useMediaQuery
├── useMount
├── useMountedState
├── useMouse
├── useMousePressed
├── useMutationObserver
├── useNetwork
├── useObjectUrl
├── useOnceEffect
├── useOnceLayoutEffect
├── useOnline
├── useOrientation
├── usePageLeave
├── usePermission
├── usePreferredColorScheme
├── usePreferredDarkMode
├── usePrevious
├── useRafFn
├── useRafState
├── useReducedMotion
├── useResizeObserver
├── useScreenSafeArea
├── useScriptTag
├── useScroll
├── useScrollIntoView
├── useScrollLock
├── useSessionStorage
├── useSetState
├── useSticky
├── useSupported
├── useTextSelection
├── useThrottle
├── useThrottleFn
├── useTimeout
├── useTimeoutFn
├── useTitle
├── useToggle
├── useUnmount
├── useUpdate
├── useUpdateEffect
├── useUpdateLayoutEffect
├── useVirtualList
├── useWindowFocus
├── useWindowScroll
├── useWindowSize
借鉴了ahooks
和react-use
等开源hooks项目,🙏