Awesome Open Source
Awesome Open Source

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)
📍 useLocation { push, replace, pathname, search } -
🍋 useLockBodyScroll - -
🍉 useMedia value (queries, values, defaultValue)
🥭 useMultiKeyPress keysPressed (targetKey)
🔔 useNotification fireNotify (title, options)
🥑 useOnClickOutside - (ref, callback)
🥒 useOnlineStatus onlineStatus -
🍿 usePrevious previous (value)
🖨 usePrint { ref, handlePrint } (style = {})
❓ useQueryParams { getParams, setParams } -
🍣 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)

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,556,467) 
Reactjs (73,042) 
Hooks (2,844) 
React Hooks (2,634) 
React Components (1,382) 
Related Projects
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194