\n React Recipes
\n
A React Hooks utility library containing popular customized hooks
\nWhat's your favorite dish?
\n\n[](https://travis-ci.com/craig1123/react-recipes)\n\n\n\n\n\n```bash\nnpm i react-recipes --save\n```\n\n```bash\nyarn add react-recipes\n```\n\n## 🥘 Recipes Documentation\n\n| Name | Returns | Arguments |\n| ----------------------------------------------------------- | ------------------------------------------------------------- | --------------------------------------------------------------------------------------- |\n| 🍡 [`useAdjustColor`](./docs/useAdjustColor.md) | color | (percentage, color1, color2: null, linearBlend: false) |\n| 🥟 [`useArray`](./docs/useArray.md) | { value, setValue, removeById, removeIndex, clear } | (initialValue) |\n| 🔄 [`useAsync`](./docs/useAsync.md) | { error, execute, pending, value } | (asyncFunction, immediate: true) |\n| 🍪 [`useCookie`](./docs/useCookie.md) | [cookieValue, updateCookie, deleteCookie] | (cookieName, initialValue) |\n| 🥠 [`useCopyClipboard`](./docs/useCopyClipboard.md) | [isCopied, setIsCopied] | (duration: 2000) |\n| 🍩 [`useDarkMode`](./docs/useDarkMode.md) | [enabled, setEnabledState] | - |\n| 🍜 [`useDebounce`](./docs/useDebounce.md) | debouncedValue | (value, delay) |\n| 🥡 [`useDimensions`](./docs/useDimensions.md) | [ref, dimensions, node] | (liveMeasure: true, delay: 250, initialDimensions: {}, effectDependencies: []) |\n| 🍳 [`useEventListener`](./docs/useEventListener.md) | - | (eventName, handle, element: window) |\n| 🌮 [`useFullScreen`](./docs/useFullScreen.md) | { fullScreen, open, close, toggle } | (element: document.documentElement) |\n| 🌯 [`useGeolocation`](./docs/useGeolocation.md) | { latitude, longitude, timestamp, accuracy, error } | (watch: false, settings: {enableHighAccuracy: false, timeout: Infinity, maximumAge: 0}) |\n| 🌭 [`useHover`](./docs/useHover.md) | [callbackRef, value] | - |\n| 🍦 [`useInterval`](./docs/useInterval.md) | - | (callback, delay, runOnLoad: false, effectDependencies: []) |\n| 🍐 [`useIsClient`](./docs/useIsClient.md) | isClient | - |\n| 🥧 [`useKeyPress`](./docs/useKeyPress.md) | keyPressed | (targetKey) |\n| 🍱 [`useLocalStorage`](./docs/useLocalStorage.md) | [storedValue, setValue] | (key, initialValue) |\n| 📍 [`useLocation`](./docs/useLocation.md) | { push, replace, pathname, search } | - |\n| 🍋 [`useLockBodyScroll`](./docs/useLockBodyScroll.md) | - | - |\n| 🍉 [`useMedia`](./docs/useMedia.md) | value | (queries, values, defaultValue) |\n| 🥭 [`useMultiKeyPress`](./docs/useMultiKeyPress.md) | keysPressed | (targetKey) |\n| 🔔 [`useNotification`](./docs/useNotification.md) | fireNotify | (title, options) |\n| 🥑 [`useOnClickOutside`](./docs/useOnClickOutside.md) | - | (ref, callback) |\n| 🥒 [`useOnlineStatus`](./docs/useOnlineStatus.md) | onlineStatus | - |\n| 🍿 [`usePrevious`](./docs/usePrevious.md) | previous | (value) |\n| 🖨 [`usePrint`](./docs/usePrint.md) | { ref, handlePrint } | (style = {}) |\n| :question: [`useQueryParams`](./docs/useQueryParams.md) | { getParams, setParams } | - |\n| 🍣 [`useScript`](./docs/useScript.md) | [loaded, error] | (src) |\n| 🍖 [`useSpeechRecognition`](./docs/useSpeechRecognition.md) | { supported, listen, listening, stop } | ({ onEnd, onResult, onError }) |\n| 🍗 [`useSpeechSynthesis`](./docs/useSpeechSynthesis.md) | { supported, speak, speaking, cancel, voices, pause, resume } | ({ onEnd, onResult, onError, onBoundary, onPause, onResume }) |\n| 🍏 [`useThrottle`](./docs/useThrottle.md) | throttledValue | (value, ms: 250) |\n| 🍷 [`useWhyDidYouUpdate`](./docs/useWhyDidYouUpdate.md) | - | (name, props) |\n| 🥖 [`useWindowScroll`](./docs/useWindowScroll.md) | { x, y } | - |\n| 🥮 [`useWindowSize`](./docs/useWindowSize.md) | { height, width } | (initialWidth, initialHeight) |\n| 🥝 [`useWorker`](./docs/useWorker.md) | worker instance | (scriptPath, workerOptions, attributes) |\n","readmeFilename":"README.md"}