craig1123/ react-recipes
Need help with react-recipes?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
About the developer
445 Stars 
31 Forks 
MIT License 
136 Commits 
5 Opened issues 
Description
👩🍳 A React Hooks utility library containing popular customized hooks
Services available
Contributors list
Readme
React Recipes
A React Hooks utility library containing popular customized hooks
What's your favorite dish?
npm i react-recipes --save
yarn add react-recipes
🥘 Recipes Documentation
| Name | Returns | Arguments | | ----------------------------------------------------------- | ------------------------------------------------------------- | --------------------------------------------------------------------------------------- | | 🍡
useAdjustColor| color | (percentage, color1, color2: null, linearBlend: false) | | 🥟
useArray| { value, setValue, removeById, removeIndex, clear } | (initialValue) | | 🔄
useAsync| { error, execute, pending, value } | (asyncFunction, immediate: true) | | 🍪
useCookie| [cookieValue, updateCookie, deleteCookie] | (cookieName, initialValue) | | 🥠
useCopyClipboard| [isCopied, setIsCopied] | (duration: 2000) | | 🍩
useDarkMode| [enabled, setEnabledState] | - | | 🍜
useDebounce| debouncedValue | (value, delay) | | 🥡
useDimensions| [ref, dimensions, node] | (liveMeasure: true, delay: 250, initialDimensions: {}, effectDependencies: []) | | 🍳
useEventListener| - | (eventName, handle, element: window) | | 🌮
useFullScreen| { fullScreen, open, close, toggle } | (element: document.documentElement) | | 🌯
useGeolocation| { latitude, longitude, timestamp, accuracy, error } | (watch: false, settings: {enableHighAccuracy: false, timeout: Infinity, maximumAge: 0}) | | 🌭
useHover| [callbackRef, value] | - | | 🍦
useInterval| - | (callback, delay, runOnLoad: false, effectDependencies: []) | | 🍐
useIsClient| isClient | - | | 🥧
useKeyPress| keyPressed | (targetKey) | | 🍱
useLocalStorage| [storedValue, setValue] | (key, initialValue) | | 🍋
useLockBodyScroll| - | - | | 🍉
useMedia| value | (queries, values, defaultValue) | | 🥭
useMultiKeyPress| keysPressed | (targetKey) | | 🔔
useNotification| fireNotify | (title, options) | | 🥑
useOnClickOutside| - | (ref, callback) | | 🥒
useOnlineStatus| onlineStatus | - | | 🍿
usePrevious| previous | (value) | | 🍣
useScript| [loaded, error] | (src) | | 🍖
useSpeechRecognition| { supported, listen, listening, stop } | ({ onEnd, onResult, onError }) | | 🍗
useSpeechSynthesis| { supported, speak, speaking, cancel, voices, pause, resume } | ({ onEnd, onResult, onError, onBoundary, onPause, onResume }) | | 🍏
useThrottle| throttledValue | (value, ms: 250) | | 🍷
useWhyDidYouUpdate| - | (name, props) | | 🥖
useWindowScroll| { x, y } | - | | 🥮
useWindowSize| { height, width } | (initialWidth, initialHeight) | | 🥝
useWorker| worker instance | (scriptPath, workerOptions, attributes) |