├── .gitignore ├── LICENSE ├── README.md ├── package.json ├── public ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt └── src ├── App.js ├── hooks ├── useArray │ ├── ArrayComponent.js │ └── useArray.js ├── useAsync │ ├── AsyncComponent.js │ └── useAsync.js ├── useClickOutside │ ├── ClickOutsideComponent.js │ └── useClickOutside.js ├── useCookie │ ├── CookieComponent.js │ └── useCookie.js ├── useCopyToClipboard │ ├── CopyToClipboardComponent.js │ └── useCopyToClipboard.js ├── useDarkMode │ ├── DarkModeComponent.js │ ├── body.css │ └── useDarkMode.js ├── useDebounce │ ├── DebounceComponent.js │ └── useDebounce.js ├── useDebugInformation │ ├── DebugInformationComponent.js │ └── useDebugInformation.js ├── useDeepCompareEffect │ ├── DeepCompareEffectComponent.js │ └── useDeepCompareEffect.js ├── useEffectOnce │ ├── EffectOnceComponent.js │ └── useEffectOnce.js ├── useEventListener │ ├── EventListenerComponent.js │ └── useEventListener.js ├── useFetch │ ├── FetchComponent.js │ └── useFetch.js ├── useGeolocation │ ├── GeolocationComponent.js │ └── useGeolocation.js ├── useHover │ ├── HoverComponent.js │ └── useHover.js ├── useLongPress.js │ ├── LongPressComponent.js │ └── useLongPress.js ├── useMediaQuery │ ├── MediaQueryComponent.js │ └── useMediaQuery.js ├── useOnScreen │ ├── OnScreenComponent.js │ └── useOnScreen.js ├── useOnlineStatus │ ├── OnlineStatusComponent.js │ └── useOnlineStatus.js ├── usePrevious │ ├── PreviousComponent.js │ └── usePrevious.js ├── useRenderCount │ ├── RenderCountComponent.js │ └── useRenderCount.js ├── useScript │ ├── ScriptComponent.js │ └── useScript.js ├── useStateWithHistory │ ├── StateWithHistoryComponent.js │ └── useStateWithHistory.js ├── useStateWithValidation │ ├── StateWithValidationComponent.js │ └── useStateWithValidation.js ├── useStorage │ ├── StorageComponent.js │ └── useStorage.js ├── useTimeout │ ├── TimeoutComponent.js │ └── useTimeout.js ├── useToggle │ ├── ToggleComponent.js │ └── useToggle.js ├── useTranslation │ ├── TranslationComponent.js │ ├── translations │ │ ├── en.json │ │ ├── index.js │ │ └── sp.json │ └── useTranslation.js ├── useUpdateEffect │ ├── UpdateEffectComponent.js │ └── useUpdateEffect.js └── useWindowSize │ ├── WindowSizeComponent.js │ └── useWindowSize.js └── index.js /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/App.js -------------------------------------------------------------------------------- /src/hooks/useArray/ArrayComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useArray/ArrayComponent.js -------------------------------------------------------------------------------- /src/hooks/useArray/useArray.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useArray/useArray.js -------------------------------------------------------------------------------- /src/hooks/useAsync/AsyncComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useAsync/AsyncComponent.js -------------------------------------------------------------------------------- /src/hooks/useAsync/useAsync.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useAsync/useAsync.js -------------------------------------------------------------------------------- /src/hooks/useClickOutside/ClickOutsideComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useClickOutside/ClickOutsideComponent.js -------------------------------------------------------------------------------- /src/hooks/useClickOutside/useClickOutside.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useClickOutside/useClickOutside.js -------------------------------------------------------------------------------- /src/hooks/useCookie/CookieComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useCookie/CookieComponent.js -------------------------------------------------------------------------------- /src/hooks/useCookie/useCookie.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useCookie/useCookie.js -------------------------------------------------------------------------------- /src/hooks/useCopyToClipboard/CopyToClipboardComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useCopyToClipboard/CopyToClipboardComponent.js -------------------------------------------------------------------------------- /src/hooks/useCopyToClipboard/useCopyToClipboard.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useCopyToClipboard/useCopyToClipboard.js -------------------------------------------------------------------------------- /src/hooks/useDarkMode/DarkModeComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDarkMode/DarkModeComponent.js -------------------------------------------------------------------------------- /src/hooks/useDarkMode/body.css: -------------------------------------------------------------------------------- 1 | body.dark-mode { 2 | background-color: #333; 3 | } -------------------------------------------------------------------------------- /src/hooks/useDarkMode/useDarkMode.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDarkMode/useDarkMode.js -------------------------------------------------------------------------------- /src/hooks/useDebounce/DebounceComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDebounce/DebounceComponent.js -------------------------------------------------------------------------------- /src/hooks/useDebounce/useDebounce.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDebounce/useDebounce.js -------------------------------------------------------------------------------- /src/hooks/useDebugInformation/DebugInformationComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDebugInformation/DebugInformationComponent.js -------------------------------------------------------------------------------- /src/hooks/useDebugInformation/useDebugInformation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDebugInformation/useDebugInformation.js -------------------------------------------------------------------------------- /src/hooks/useDeepCompareEffect/DeepCompareEffectComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDeepCompareEffect/DeepCompareEffectComponent.js -------------------------------------------------------------------------------- /src/hooks/useDeepCompareEffect/useDeepCompareEffect.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useDeepCompareEffect/useDeepCompareEffect.js -------------------------------------------------------------------------------- /src/hooks/useEffectOnce/EffectOnceComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useEffectOnce/EffectOnceComponent.js -------------------------------------------------------------------------------- /src/hooks/useEffectOnce/useEffectOnce.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useEffectOnce/useEffectOnce.js -------------------------------------------------------------------------------- /src/hooks/useEventListener/EventListenerComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useEventListener/EventListenerComponent.js -------------------------------------------------------------------------------- /src/hooks/useEventListener/useEventListener.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useEventListener/useEventListener.js -------------------------------------------------------------------------------- /src/hooks/useFetch/FetchComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useFetch/FetchComponent.js -------------------------------------------------------------------------------- /src/hooks/useFetch/useFetch.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useFetch/useFetch.js -------------------------------------------------------------------------------- /src/hooks/useGeolocation/GeolocationComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useGeolocation/GeolocationComponent.js -------------------------------------------------------------------------------- /src/hooks/useGeolocation/useGeolocation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useGeolocation/useGeolocation.js -------------------------------------------------------------------------------- /src/hooks/useHover/HoverComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useHover/HoverComponent.js -------------------------------------------------------------------------------- /src/hooks/useHover/useHover.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useHover/useHover.js -------------------------------------------------------------------------------- /src/hooks/useLongPress.js/LongPressComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useLongPress.js/LongPressComponent.js -------------------------------------------------------------------------------- /src/hooks/useLongPress.js/useLongPress.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useLongPress.js/useLongPress.js -------------------------------------------------------------------------------- /src/hooks/useMediaQuery/MediaQueryComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useMediaQuery/MediaQueryComponent.js -------------------------------------------------------------------------------- /src/hooks/useMediaQuery/useMediaQuery.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useMediaQuery/useMediaQuery.js -------------------------------------------------------------------------------- /src/hooks/useOnScreen/OnScreenComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useOnScreen/OnScreenComponent.js -------------------------------------------------------------------------------- /src/hooks/useOnScreen/useOnScreen.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useOnScreen/useOnScreen.js -------------------------------------------------------------------------------- /src/hooks/useOnlineStatus/OnlineStatusComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useOnlineStatus/OnlineStatusComponent.js -------------------------------------------------------------------------------- /src/hooks/useOnlineStatus/useOnlineStatus.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useOnlineStatus/useOnlineStatus.js -------------------------------------------------------------------------------- /src/hooks/usePrevious/PreviousComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/usePrevious/PreviousComponent.js -------------------------------------------------------------------------------- /src/hooks/usePrevious/usePrevious.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/usePrevious/usePrevious.js -------------------------------------------------------------------------------- /src/hooks/useRenderCount/RenderCountComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useRenderCount/RenderCountComponent.js -------------------------------------------------------------------------------- /src/hooks/useRenderCount/useRenderCount.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useRenderCount/useRenderCount.js -------------------------------------------------------------------------------- /src/hooks/useScript/ScriptComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useScript/ScriptComponent.js -------------------------------------------------------------------------------- /src/hooks/useScript/useScript.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useScript/useScript.js -------------------------------------------------------------------------------- /src/hooks/useStateWithHistory/StateWithHistoryComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStateWithHistory/StateWithHistoryComponent.js -------------------------------------------------------------------------------- /src/hooks/useStateWithHistory/useStateWithHistory.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStateWithHistory/useStateWithHistory.js -------------------------------------------------------------------------------- /src/hooks/useStateWithValidation/StateWithValidationComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStateWithValidation/StateWithValidationComponent.js -------------------------------------------------------------------------------- /src/hooks/useStateWithValidation/useStateWithValidation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStateWithValidation/useStateWithValidation.js -------------------------------------------------------------------------------- /src/hooks/useStorage/StorageComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStorage/StorageComponent.js -------------------------------------------------------------------------------- /src/hooks/useStorage/useStorage.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useStorage/useStorage.js -------------------------------------------------------------------------------- /src/hooks/useTimeout/TimeoutComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTimeout/TimeoutComponent.js -------------------------------------------------------------------------------- /src/hooks/useTimeout/useTimeout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTimeout/useTimeout.js -------------------------------------------------------------------------------- /src/hooks/useToggle/ToggleComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useToggle/ToggleComponent.js -------------------------------------------------------------------------------- /src/hooks/useToggle/useToggle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useToggle/useToggle.js -------------------------------------------------------------------------------- /src/hooks/useTranslation/TranslationComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTranslation/TranslationComponent.js -------------------------------------------------------------------------------- /src/hooks/useTranslation/translations/en.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTranslation/translations/en.json -------------------------------------------------------------------------------- /src/hooks/useTranslation/translations/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTranslation/translations/index.js -------------------------------------------------------------------------------- /src/hooks/useTranslation/translations/sp.json: -------------------------------------------------------------------------------- 1 | { 2 | "hi": "Hola" 3 | } -------------------------------------------------------------------------------- /src/hooks/useTranslation/useTranslation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useTranslation/useTranslation.js -------------------------------------------------------------------------------- /src/hooks/useUpdateEffect/UpdateEffectComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useUpdateEffect/UpdateEffectComponent.js -------------------------------------------------------------------------------- /src/hooks/useUpdateEffect/useUpdateEffect.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useUpdateEffect/useUpdateEffect.js -------------------------------------------------------------------------------- /src/hooks/useWindowSize/WindowSizeComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useWindowSize/WindowSizeComponent.js -------------------------------------------------------------------------------- /src/hooks/useWindowSize/useWindowSize.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/hooks/useWindowSize/useWindowSize.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergeyleschev/react-custom-hooks/HEAD/src/index.js --------------------------------------------------------------------------------