craig1123 / React Recipes
Licence: mit
👩🍳 A React Hooks utility library containing popular customized hooks
Stars: ✭ 452
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Recipes
React Rough
🐇 React Components for Rough.js
Stars: ✭ 164 (-63.72%)
Mutual labels: hooks, react-components
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 564 (+24.78%)
Mutual labels: hooks, react-components
vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
Stars: ✭ 782 (+73.01%)
Mutual labels: hooks, react-components
React Awesome Reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 346 (-23.45%)
Mutual labels: hooks, react-components
Vscode Es7 Javascript React Snippets
Extension for Javascript/React snippets with search supporting ES7 and babel features
Stars: ✭ 435 (-3.76%)
Mutual labels: hooks, react-components
Beautiful React Hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
Stars: ✭ 5,242 (+1059.73%)
Mutual labels: hooks, react-components
Cloudinary React
React components that utilize Cloudinary functionality
Stars: ✭ 427 (-5.53%)
Mutual labels: react-components
Local Storage
React hook which syncs localStorage[key] with the comp.
Stars: ✭ 402 (-11.06%)
Mutual labels: hooks
Hamburger React
Animated hamburger menu icons for React (1.5 KB) 🍔
Stars: ✭ 391 (-13.5%)
Mutual labels: hooks
React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+4980.31%)
Mutual labels: react-components
React Native Keyboard Aware Scroll View
A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
Stars: ✭ 4,540 (+904.42%)
Mutual labels: react-components
React Native Version
🔢 Version your React Native or Expo app in a `npm version` fashion.
Stars: ✭ 408 (-9.73%)
Mutual labels: hooks
Openpbs
An HPC workload manager and job scheduler for desktops, clusters, and clouds.
Stars: ✭ 427 (-5.53%)
Mutual labels: hooks
React Admin Template
Simple React admin template - Hooks, Redux, Bootstrap ✅ 🤘
Stars: ✭ 404 (-10.62%)
Mutual labels: hooks
React Jsx Parser
A React component which can parse JSX and output rendered React Components.
Stars: ✭ 394 (-12.83%)
Mutual labels: react-components
Buffet
Buffet.js — React Components Library made with styled-components
Stars: ✭ 416 (-7.96%)
Mutual labels: react-components
Use Scroll Position
Use scroll position ReactJS hook done right
Stars: ✭ 414 (-8.41%)
Mutual labels: hooks
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) |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].