React Recipes

A React Hooks utility library containing popular customized hooks

What's your favorite dish?

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

	Stars	Issues	Version	Updated	Created
react-hanger			2.4.5	2 years ago	5 years ago
react-hookedup	86	20	0.1.2	5 years ago	5 years ago
react-hooks			1.0.1	8 years ago	8 years ago
react-recipes	1,005	13	1.5.0	a year ago	4 years ago

react-hanger vs react-hookedup vs react-hooks vs react-recipes

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past