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

craig1123
445 Stars 31 Forks MIT License 136 Commits 5 Opened issues

Description

๐Ÿ‘ฉโ€๐Ÿณ A React Hooks utility library containing popular customized hooks

Services available

!
?

Need anything else?

Contributors list

# 140,481
React
react-h...
JavaScr...
custom-...
70 commits
# 11,266
Svelte
sw-prec...
GraphQL
axios
11 commits
# 239,683
HTML
CSS
Shell
React
7 commits
# 188,939
JavaScr...
React N...
mjml
email-b...
1 commit
# 571,999
React
JavaScr...
react-h...
custom-...
1 commit

react-recipes-logo

React Recipes

A React Hooks utility library containing popular customized hooks

What's your favorite dish?

Build Status

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) |

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.