프로젝트 소개

react-use는 재사용 가능한 React Hooks의 오픈소스 컬렉션으로, README에서 libreact 프로젝트의 포트라고 설명합니다. npm 패키지 `react-use`로 배포되며 Unlicense에 따라 퍼블릭 도메인으로 공개됩니다. README는 훅을 여러 그룹으로 구성합니다: - Sensors: useBattery, useGeolocation, useHover, useHash, useIdle, useIntersection, useKey/useKeyPress/useKeyboardJs/useKeyPressEvent, useLocation/useSearchParam, useLongPress, useMedia, useMediaDevices, useMotion, useMouse/useMouseHovered, useMouseWheel, useNetworkState, useOrientation, usePageLeave, useScratch, useScroll, useScrolling, useStartTyping, useWindowScroll, useWindowSize, useMeasure/useSize, createBreakpoint, useScrollbarWidth 및 usePinchZoom와 같은 훅. - UI: useAudio, useClickAway, useCss, useDrop/useDropArea, useFullscreen, useSlider, useSpeech, useVibrate 및 useVideo. - Animations: useRaf, useInterval/useHarmonicIntervalFn, useSpring, useTimeout, useTimeoutFn, useTween 및 useUpdate. - Side-effects: useAsync/useAsyncFn/useAsyncRetry, useBeforeUnload, useCookie, useCopyToClipboard, useDebounce, useError, useFavicon, useLocalStorage, useLockBodyScroll, useRafLoop, useSessionStorage, useThrottle/useThrottleFn, useTitle 및 usePermission. - Lifecycles: useEffectOnce, useEvent, useLifecycles, useMountedState/useUnmountPromise, usePromise, useLogger, useMount, useUnmount, useUpdateEffect, useIsomorphicLayoutEffect 및 비교 효과 훅(useDeepCompareEffect, useShallowCompareEffect, useCustomCompareEffect). - State: createMemo, createReducer, createReducerContext/createStateContext, useDefault, useGetSet, useGetSetState, useLatest, usePrevious, usePreviousDistinct, useObservable, useRafState, useSetState, useStateList, useToggle/useBoolean, useCounter/useNumber, useList, useMap, useSet, useQueue, useStateValidator, useStateWithHistory, useMultiStateValidator, useMediatedState, useFirstMountState, useRendersCount, createGlobalState 및 useMethods. - Miscellaneous: useEnsuredForwardedRef 및 ensuredForwardRef. 각 훅은 docs 디렉토리 아래의 자체 파일에 문서화되어 있으며, 많은 항목이 프로젝트의 Storybook 사이트 또는 CodeSandbox에서 호스팅되는 라이브 데모로 연결됩니다. README는 또한 문서의 중국어 번역을 링크하고 프로젝트가 Open Collective를 통해 지원된다고 언급합니다. 설치는 `npm i react-use`로 표시됩니다.