Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Correia-jpv/fucking-awesome-react-hooks
Awesome React Hooks. With repository stars⭐ and forks🍴
https://github.com/Correia-jpv/fucking-awesome-react-hooks
List: fucking-awesome-react-hooks
hooks react react-documentation react-hook-form react-hooks react-hooks-demo react-hooks-project react-hooks-tutorial reactjs reactjs-hooks
Last synced: 3 months ago
JSON representation
Awesome React Hooks. With repository stars⭐ and forks🍴
- Host: GitHub
- URL: https://github.com/Correia-jpv/fucking-awesome-react-hooks
- Owner: Correia-jpv
- License: cc0-1.0
- Created: 2023-03-01T12:33:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-22T08:51:46.000Z (6 months ago)
- Last Synced: 2024-05-22T09:54:54.413Z (6 months ago)
- Topics: hooks, react, react-documentation, react-hook-form, react-hooks, react-hooks-demo, react-hooks-project, react-hooks-tutorial, reactjs, reactjs-hooks
- Homepage:
- Size: 161 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - fucking-awesome-react-hooks - Awesome React Hooks. With repository stars⭐ and forks🍴. (Programming Language Lists / JavaScript Lists)
README
# awesome-react-hooks [](https://awesome.re)
> Awesome React Hooks Resources
## Documentation
- 🌎 [React Hooks Docs](reactjs.org/docs/hooks-intro.html)
## Discussions
- ?⭐ ?🍴 [React Hooks RFC](https://github.com/reactjs/rfcs/pull/68))
## Tutorials
- 🌎 ["Making Sense of React Hooks" by Dan Abramov](medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889)
- 🌎 ["From React.Component to hooks" by Octave Raimbault](medium.com/@dispix/from-react-component-to-hooks-b50241334365)
- 🌎 ["React Hooks: What’s going to happen to my tests?" by Kent C. Dodds](blog.kentcdodds.com/react-hooks-whats-going-to-happen-to-my-tests-df4c2b4d67b7)
- 🌎 ["State Management with React Hooks - No Redux or Context API" by André Gardi](medium.com/javascript-in-plain-english/state-management-with-react-hooks-no-redux-or-context-api-8b3035ceecf8)
- 🌎 ["How to Fetch Data with React Hooks?" by Robin Wieruch](www.robinwieruch.de/react-hooks-fetch-data/)
- 🌎 [Primer on React Hooks](testdriven.io/blog/react-hooks-primer/)
- 🌎 [React Hooks - A deeper dive featuring useContext and useReducer](testdriven.io/blog/react-hooks-advanced/)
- 🌎 ["Using Custom React Hooks to Simplify Forms" by James King](upmostly.com/tutorials/using-custom-react-hooks-simplify-forms)
- 🌎 [Testing of a Custom React Hook for Fetching Data with Axios](dev.to/doppelmutzi/testing-of-a-custom-react-hook-for-fetching-data-with-axios-4gf1)
- 🌎 [The Guide to Learning React Hooks (Examples & Tutorials) by Eric Bishard](www.telerik.com/kendo-react-ui/react-hooks-guide/)
- 🌎 ["Sanely Testing React Hooks" by Dave Cooper](dev.to/grug/sanely-testing-react-hooks-2l1j)
- 🌎 [React by Example: Hooks](reactbyexample.github.io/hooks)
## Videos
- 🌎 [🎬 ReactConf 2018: React Today and Tomorrow by Sophie Alpert and Dan Abramov](youtu.be/V-QO-KO90iQ) Official announcement and first demo.
- 🌎 [🎬 ReactConf 2018: 90% Cleaner React by Ryan Florence](youtu.be/wXLf18DsV-I)
- 🌎 [🎬 React Hooks: A Complete Introduction by Harry Wolff](youtu.be/jd8R0a2Ur8Q)
- 🌎 [🎬 React Hooks playlist by Ben Awad](www.youtube.com/playlist?list=PLN3n1USn4xllL1OrVr-A4oq7SG-cS9MOQ)
- 🌎 [🎬 React Hooks playlist by Josh Ribakoff](www.youtube.com/playlist?list=PLj2oFNVaxfJ-AcPo191jz09g-v9CLRfCg)
- 🌎 [🎬 React Hooks playlist by Michael Chan](www.youtube.com/playlist?list=PLnc_NxpmOxaNf_mTUx1BgoP5POXwSAu-g)
- 🌎 [🎬 Custom Hooks in React by Tanner Linsley](www.youtube.com/watch?v=J-g9ZJha8FE)
## Podcasts
- 🌎 [React Hooks - Syntax (Nov 14th, 2018)](syntax.fm/show/092/react-hooks)
- 🌎 [React Hooks 1 Year Later - Syntax (Mar 18, 2020)](syntax.fm/show/232/react-hooks-1-year-later)
- 🌎 [Why should I use React Hooks? - Syntax (Dec 7th, 2020)](syntax.fm/show/307/hasty-treat-why-should-i-use-react-hooks)
## Tools
- 🌎 [`eslint-plugin-react-hooks`](www.npmjs.com/package/eslint-plugin-react-hooks)
- 🌎 [`hooks.macro`](www.npmjs.com/package/hooks.macro) Babel Macros for automatic memoization invalidation
- 🌎 [CodeSandbox Starter Kit](codesandbox.io/s/7y6o4282lq)
- 🌎 [React Hooks Snippets for VS Code](marketplace.visualstudio.com/items?itemName=antmdvs.vscode-react-hooks-snippets)
- 47⭐ 0🍴 [`hook-into-props`](https://github.com/juliettepretot/hook-into-props/tree/1e069a6c01c2a783100f2fea7709f56d8166a97e)) Helper to build HOCs using hooks. Useful for using hooks with class components.
- 187⭐ 3🍴 [`react-universal-hooks`](https://github.com/salvoravida/react-universal-hooks)) React Universal Hooks: just use****** everywhere, Functional or Class Components
- 84⭐ 8🍴 [Jooks](https://github.com/antoinejaussoin/jooks)) Unit-test your custom hooks by mocking React's Hooks API (useState, etc.)
- 🌎 [`react-hooks-testing-library`](react-hooks-testing-library.com/) Library to create unit tests for custom React hooks.
## Catalogs
- 1877⭐ 92🍴 [@react-hookz/web](https://github.com/react-hookz/web)) - A library of general-purpose React hooks built with care and SSR compatibility in mind.
- 13764⭐ 2658🍴 [ahooks](https://github.com/alibaba/hooks)) A collection of React Hooks specifically aiming at enterprise applications.
- 🌎 [beautiful-react-hooks(🔥)](beautifulinteractions.github.io/beautiful-react-hooks/) A collection of hooks to speed-up your components and custom hooks development.
- 363⭐ 38🍴 [Captain hook](https://github.com/stevenpersia/captain-hook)) Modest list of hooks.
- 217⭐ 8🍴 [crooks](https://github.com/chrisjpatty/crooks)) A collection of unique React Hooks.
- 137⭐ 14🍴 [hooks-by-example](https://github.com/latviancoder/hooks-by-example)) Collection of beginner-friendly real world examples of hook usage.
- 🌎 [Hooks.guide](hooks-guide.netlify.app/) Collection of React hooks curated by the community.
- 1014⭐ 65🍴 [react-recipes](https://github.com/craig1123/react-recipes)) 👩🍳 Collection of essential hook recipes 🥘
- 🌎 [Searchable Collection of React Hooks](nikgraf.github.io/react-hooks/)
- 499⭐ 43🍴 [Sunflower(🌻)](https://github.com/ant-design/sunflower)) Collection of React Hooks returning components of antd.
- 🌎 [useHooks(🐠)](usehooks.com/) One new React Hook recipe every day.
- 🌎 [Use Hooks](use-hooks.org/) A collection of reusable React Hooks.
## Packages
- 56⭐ 7🍴 [`@21kb/react-hooks`](https://github.com/21kb/react-hooks)) A set of React Hooks to get _hooked_ on.
- 19⭐ 1🍴 [`@d2k/react-devto`](https://github.com/bdbch/react-devto)) React hook for Dev.to API requests
- 9⭐ 2🍴 [`@d2k/react-github`](https://github.com/bdbch/react-github)) React hook for Github API requests
- 14⭐ 2🍴 [`@d2k/react-localstorage`](https://github.com/bdbch/react-localstorage)) React hook that handles updating and clearing localstorage values while keeping them in sync with your components.
- 218⭐ 27🍴 [`@elgorditosalsero/react-gtm-hook`](https://github.com/elgorditosalsero/react-gtm-hook)) React hook for handle easily the Google Tag Manager.
- 1643⭐ 106🍴 [`@hookstate/core`](https://github.com/avkonst/hookstate)) Modern, very fast and extendable state management for React.
- 10⭐ 1🍴 [`@jzone/react-request-hook`](https://github.com/zhixiaoqiang/react-request-hook)) 🐶React hook for custom request，compatible with various lib, support redux
- ?⭐ ?🍴 [`@kevinwolf/formal`](https://github.com/kevinwolfcr/formal)) Elegant form management primitives for the react hooks era.
- 2941⭐ 99🍴 [`@koale/useworker`](https://github.com/alewin/useWorker)) ⚙️ Running heavy task in background using web workers, without blocking the UI
- 6⭐ 0🍴 [`@marvelsq/use-properties-hook`](https://github.com/MarvelSQ/use-properties-hook)) Instance functions inside FunctionComponent like `class-properties` and equal in `ShallowCompare`
- 238⭐ 23🍴 [`@rehooks/component-size`](https://github.com/rehooks/component-size)) React hook for determining the size of a component.
- 59⭐ 8🍴 [`@rehooks/document-title`](https://github.com/rehooks/document-title)) React hook for updating the document-title.
- 31⭐ 3🍴 [`@rehooks/document-visibility`](https://github.com/rehooks/document-visibility)) React hook for subscribing to document visibility.
- 112⭐ 7🍴 [`@rehooks/input-value`](https://github.com/rehooks/input-value)) React hook for creating input values.
- 577⭐ 49🍴 [`@rehooks/local-storage`](https://github.com/rehooks/local-storage)) React hook which syncs `localStorage[key]` with the comp.
- 66⭐ 3🍴 [`@rehooks/network-status`](https://github.com/rehooks/network-status)) React hook for getting network-status.
- 123⭐ 11🍴 [`@rehooks/online-status`](https://github.com/rehooks/online-status)) React Hook for Online status.
- 82⭐ 13🍴 [`@rehooks/window-scroll-position`](https://github.com/rehooks/window-scroll-position)) React hook for getting window `x` and `y` position.
- 131⭐ 20🍴 [`@rehooks/window-size`](https://github.com/rehooks/window-size)) React hook for subscribing to window size.
- 21⭐ 3🍴 [`@rekindle/use-request`](https://github.com/react-rekindle/use-request)) 🤖 React hook for making request.
- 17⭐ 1🍴 [`@rkrupinski/use-state-machine`](https://github.com/rkrupinski/use-state-machine)) A finite state machine hook.
- 333⭐ 11🍴 [`@staltz/use-profunctor-state`](https://github.com/staltz/use-profunctor-state)) React Hook for state management with Profunctor Optics
- 34⭐ 9🍴 [`@webscopeio/react-health-check`](https://github.com/webscopeio/react-health-check)) 🏥 Lightweight React hook for checking health of API services.
- 1268⭐ 29🍴 [`@wellyshen/use-web-animations`](https://github.com/wellyshen/use-web-animations)) 🍿 React hook for highly-performant and manipulable animations using Web Animations API.
- 59⭐ 14🍴 [`@withvoid/melting-pot`](https://github.com/withvoid/melting-pot)) React hook utility library.
- 45⭐ 6🍴 [`ahooks/usetable`](https://github.com/ahooksjs/useTable)) A Progressive Solution for Query Table Scene.
- 1317⭐ 69🍴 [`concent`](https://github.com/concentjs/concent)) State management that tailored for react, it is simple, predictable, progressive and efficient.
- 3920⭐ 89🍴 [`constate`](https://github.com/diegohaz/constate)) Transform your local state into global state using `useContextState` and `useContextReducer`.
- 9⭐ 0🍴 [`conuse`](https://github.com/fodau/conuse)) Share Hook with Context
- 5029⭐ 192🍴 [`easy-peasy`](https://github.com/ctrlplusb/easy-peasy)) Easy peasy global state for React.
- 492⭐ 25🍴 [`fetch-suspense`](https://github.com/CharlesStover/fetch-suspense)) React hook for the Fetch API with support for Suspense.
- 1879⭐ 91🍴 [`graphql-hooks`](https://github.com/nearform/graphql-hooks)) Minimal hooks-first GraphQL client.
- 2128⭐ 90🍴 [`mobx-react-lite`](https://github.com/mobxjs/mobx-react-lite)) Lightweight React bindings for MobX based on experimental React hooks.
- 212⭐ 23🍴 [`modali`](https://github.com/upmostly/modali)) A delightful modal dialog component for React, built from the ground up to support React Hooks.
- 8⭐ 1🍴 [`moment-hooks`](https://github.com/momentechnologies/moment-hooks)) A library containing generic react hooks
- 48⭐ 7🍴 [`nice-hooks`](https://github.com/daniel-dx/nice-hooks)) 🍹 A lot of nice hooks to make react hooks easier to use ( useState callback / life cycle / instance variable)
- 53⭐ 2🍴 [`promise-hook`](https://github.com/aiven715/promise-hook)) React hook for simplifying Promise based data fetching.
- 503⭐ 11🍴 [`reactive-react-redux`](https://github.com/dai-shi/reactive-react-redux)) React Redux binding with React Hooks and Proxy
- 1175⭐ 44🍴 [`react-async-hook`](https://github.com/slorber/react-async-hook)) React hook to fetch ad-hoc data into your React components.
- 10⭐ 0🍴 [`react-cached-callback`](https://github.com/megazazik/react-cached-callback)) React hooks for caching many callbacks by key, for example, in loops.
- 19⭐ 3🍴 [`react-context-refs`](https://github.com/megazazik/react-context-refs)) React hooks for getting refs of elements via context.
- 130⭐ 14🍴 [`react-cookie`](https://github.com/reactivestack/cookies)) React hooks for universal cookies.
- 944⭐ 20🍴 [`react-cool-dimensions`](https://github.com/wellyshen/react-cool-dimensions)) 📏 React hook to measure an element's size and handle responsive components.
- 248⭐ 10🍴 [`react-cool-form`](https://github.com/wellyshen/react-cool-form)) 📋 React hooks for forms state and validation, less code more performant.
- 549⭐ 13🍴 [`react-cool-inview`](https://github.com/wellyshen/react-cool-onclickoutside)) 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
- 549⭐ 13🍴 [`react-cool-onclickoutside`](https://github.com/wellyshen/react-cool-onclickoutside)) 🖱 React hook to listen for clicks outside of the component(s).
- 741⭐ 22🍴 [`react-cool-portal`](https://github.com/wellyshen/react-cool-portal)) 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to or else.
- 1209⭐ 39🍴 [`react-cool-virtual`](https://github.com/wellyshen/react-cool-virtual)) ♻️ A tiny React hook for rendering large datasets like a breeze.
- 77⭐ 20🍴 [`react-countdown-hook`](https://github.com/alexkhismatulin/react-use-count-down)) Dead simple yet powerful countdown hook for React. Powered by `requestAnimationFrame`.
- 279⭐ 20🍴 [`react-darkreader`](https://github.com/Turkyden/react-darkreader)) 🌓 A React Hook for adding a dark / night mode to your site inspired by darkreader.
- 0⭐ 0🍴 [`react-declare-form`](https://github.com/andy9775/react-declare-form)) React hook based declarative form library.
- 4⭐ 1🍴 [`react-deep-hooks`](https://github.com/codeshake/react-deep-hooks)) React hooks for non-primitive dependencies.
- ?⭐ ?🍴 [`react-dom-status-hook`](https://github.com/yeskunall/react-dom-status-hook)) React hook for subscribing to the `DOMContentLoaded` event.
- 69⭐ 7🍴 [`react-enhanced-reducer-hook`](https://github.com/shiningjason/react-enhanced-reducer-hook)) An alternative to `useReducer` that accepts middlewares.
- 348⭐ 20🍴 [`react-fetch-hook`](https://github.com/ilyalesik/react-fetch-hook)) React hook for conveniently use Fetch API.
- 3569⭐ 303🍴 [`react-firebase-hooks`](https://github.com/csfrequency/react-firebase-hooks)) A collection of hooks for use with 🌎 [Firebase](firebase.google.com).
- 2⭐ 0🍴 [`react-form-stateful`](https://github.com/ckedwards/react-form-stateful)) Form library. Exposes dispatch to allow for the library to be extended through side effects.
- 1934⭐ 76🍴 [`react-hanger`](https://github.com/kitze/react-hanger)) A small collection of utility hooks.
- 120⭐ 9🍴 [`react-hook-mighty-mouse`](https://github.com/mkosir/react-hook-mighty-mouse)) React hook that tracks mouse events on selected element 🐭
- 🌎 [`react-hook-mousetrap`](www.npmjs.com/package/react-hook-mousetrap) A hook to trigger callbacks on keys or keys combos, powered by mousetrap.
- 86⭐ 6🍴 [`react-hookedup`](https://github.com/zakariaharti/react-hookedup)) A collection of useful React hooks.
- 40705⭐ 2037🍴 [`react-hook-form`](https://github.com/bluebill1049/react-hook-form)) Form validation without the hassle.
- 18⭐ 1🍴 [`react-hook-layout`](https://github.com/ytiurin/react-hook-layout)) Layout management in React.
- 496⭐ 27🍴 [`react-hooks-async`](https://github.com/dai-shi/react-hooks-async)) React custom hooks for async functions with abortability and composability
- 1098⭐ 61🍴 [`react-hooks-global-state`](https://github.com/dai-shi/react-hooks-global-state)) A simple global state management.
- 19⭐ 2🍴 [`react-hooks-image-size`](https://github.com/use-hooks/react-hooks-image-size)) Hook to get natural image size from url.
- 546⭐ 27🍴 [`react-hooks-lib`](https://github.com/beizhedenglong/react-hooks-lib)) A set of reusable react hooks.
- 199⭐ 11🍴 [`react-hooks-svgdrawing`](https://github.com/kmkzt/react-hooks-svgdrawing)) A hooks to svg drawing.
- 171⭐ 22🍴 [`react-hooks-use-modal`](https://github.com/shibe97/react-hooks-use-modal)) A hook to open the modal easily.
- 29⭐ 0🍴 [`react-hooks-visible`](https://github.com/kmkzt/react-hooks-visible)) A hook to element visibility. Uses the intersection observer API.
- 700⭐ 17🍴 [`react-hooks-worker`](https://github.com/dai-shi/react-hooks-worker)) React custom hooks for web workers
- 2590⭐ 113🍴 [`react-hotkey-hook`](https://github.com/JohannesKlauss/react-hotkeys-hook)) React hook for hotkeys.
- 🌎 [`react-i18next`](react.i18next.com/latest/usetranslation-hook) Internationalization for react done right.
- 45⭐ 2🍴 [`react-immer-hooks`](https://github.com/sin/react-immer-hooks)) useState and useReducer using Immer to update state.
- 6⭐ 1🍴 [`react-indicative-hooks`](https://github.com/marceloadsj/react-indicative-hooks)) Hooks wrapping a data validation library called [Indicative](http://indicative.adonisjs.com)
- 49⭐ 4🍴 [`react-intersection-visible-hook`](https://github.com/AvraamMavridis/react-intersection-visible-hook)) React hook to track the visibility of a functional component.
- 61⭐ 9🍴 [`react-media-hook`](https://github.com/lessmess-agency/react-media-hook)) React hook for Media Queries.
- 40⭐ 9🍴 [`react-metatags-hook`](https://github.com/lordgiotto/react-metatags-hook)) React Hook to manage html meta tags.
- 253⭐ 18🍴 [`react-native-react-bridge`](https://github.com/inokawa/react-native-react-bridge)) A React Native plugin to run React and handle communication between them.
- 22⭐ 0🍴 [`react-optimistic-ui-hook`](https://github.com/mamal72/react-optimistic-ui-hook)) ⚛️ Minimal "optimistic UI" pattern implementation with a React hook
- 4⭐ 2🍴 [`react-page-name`](https://github.com/RyanFitzgerald/react-page-name)) React Hook for managing the page title.
- 20⭐ 1🍴 [`react-peer-data`](https://github.com/vardius/react-peer-data)) React wrapper for PeerData library for files, media streaming/sharing using WebRTC.
- 52⭐ 6🍴 [`react-pirate`](https://github.com/dispix/react-pirate)) React lifecycle and utilities hooks.
- 100⭐ 8🍴 [`react-powerhooks`](https://github.com/kalcifer/react-powerhooks)) Hooks api for react-powerplug components.
- 9⭐ 1🍴 [`react-promiseful`](https://github.com/moxystudio/react-promiseful)) A React component and hook to render children conditionally based on a promise status.
- 41205⭐ 2789🍴 [`react-query`](https://github.com/tannerlinsley/react-query)) Hooks for fetching, caching and updating asynchronous data in React.
- 26⭐ 7🍴 [`react-recaptcha-hook`](https://github.com/hupe1980/react-recaptcha-hook)) React hook for google-recaptcha v3
- 1014⭐ 65🍴 [`react-recipes`](https://github.com/craig1123/react-recipes)) 👩🍳 Collection of essential hook recipes 🥘
- 114⭐ 6🍴 [`react-request-hook`](https://github.com/schettino/react-request-hook)) Managed, cancelable and safe-oriented api requests.
- 6988⭐ 296🍴 [`react-responsive`](https://github.com/contra/react-responsive)) React media query module.
- 7⭐ 4🍴 [`react-rocketjump`](https://github.com/inmagik/react-rocketjump)) Manage state and side effects like a breeze.
- 69⭐ 2🍴 [`react-screen-wake-lock`](https://github.com/jorisre/react-screen-wake-lock)) React implementation of the Screen Wake Lock API. It provides a way to prevent devices from dimming or locking the screen when an application needs to keep running
- 127⭐ 21🍴 [`react-script-hook`](https://github.com/hupe1980/react-script-hook)) React hook to dynamically load an external script and know when its loaded
- 85⭐ 0🍴 [`react-selector-hooks`](https://github.com/Andarist/react-selector-hooks)) Collection of hook-based memoized selector factories for declarations outside of render.
- 233⭐ 63🍴 [`react-speech-kit`](https://github.com/MikeyParton/react-speech-kit)) Hooks for browser Speech Recognition and Speech Synthesis.
- 16⭐ 2🍴 [`react-state-patterns`](https://github.com/mcclayton/react-state-patterns)) Utility package for creating reusable implementations of React state provider patterns from hooks.
- 1979⭐ 146🍴 [`react-swipeable`](https://github.com/dogfessional/react-swipeable)) React swipe event handler hook.
- 2687⭐ 72🍴 [`react-tracked`](https://github.com/dai-shi/react-tracked)) Simple and fast global state with React Context. Eliminate unnecessary re-renders without hassle.
- 6⭐ 2🍴 [`react-uniformed`](https://github.com/j-a-y-h/react-uniformed)) 🚀 Declarative React forms using hooks.
- 62⭐ 5🍴 [`react-use-api`](https://github.com/RyanRoll/react-use-api)) Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
- 5⭐ 0🍴 [`react-use-browser`](https://github.com/crossroads-loyalty-solutions/react-use-browser)) A hook enabling client side hydration of Server-Side-Rendered components when server-produced markup needs to differ from the final client application markup.
- 54⭐ 1🍴 [`react-use-calendar`](https://github.com/gregnb/react-use-calendar)) A hook for implementing a calendar with events.
- 266⭐ 15🍴 [`react-use-clipboard`](https://github.com/danoc/react-use-clipboard)) A hook that copies text to a user's clipboard.
- 7⭐ 0🍴 [`react-use-d3`](https://github.com/inokawa/react-use-d3)) A React hook to use D3.
- 23⭐ 2🍴 [`react-use-data-loader`](https://github.com/smmoosavi/react-use-data-loader)) React hook for loading data
- 3⭐ 1🍴 [`react-use-fetch-factory`](https://github.com/JohannesKlauss/react-use-fetch-factory)) React hook that takes care of fetching and selecting data with redux.
- ?⭐ ?🍴 [`react-use-fetch-with-redux`](https://github.com/grug/react-use-fetch-with-redux/)) React hook that caches API requests that works with redux.
- 938⭐ 55🍴 [`react-use-form-state`](https://github.com/wsmd/react-use-form-state)) React hook for managing form and inputs state.
- 4⭐ 1🍴 [`react-use-id-hook`](https://github.com/Yaska/react-use-id-hook)) React hook for generating SSR-safe unique id strings.
- 43⭐ 6🍴 [`react-use-idb`](https://github.com/kigiri/react-use-idb)) React hook for storing value in the browser using `indexDB`.
- 16⭐ 2🍴 [`react-use-infinite-loader`](https://github.com/CurationCorp/react-use-infinite-loader)) :infinity: :page_with_curl: :hourglass_flowing_sand: Super lightweight infinite loading (scroll) hook for React apps
- 6⭐ 0🍴 [`react-use-input`](https://github.com/robcalcroft/react-use-input)) 🎣 A hook whose setter can be directly given to HTML inputs
- 15⭐ 0🍴 [`react-use-lazy-load-image`](https://github.com/robcalcroft/react-use-lazy-load-image)) :sunrise: :zap: Add image lazy loading to your React app with ease
- 10⭐ 1🍴 [`react-use-message-bar`](https://github.com/intercaetera/react-use-message-bar)) A simple React hook for message bars.
- 21⭐ 8🍴 [`react-use-modal`](https://github.com/wowlusitong/react-use-modal)) React hook for manage modal.
- 20⭐ 0🍴 [`react-use-path`](https://github.com/zhangkaiyulw/react-use-path)) The tiniest hook style react router.
- 46⭐ 4🍴 [`react-use-scroll-position`](https://github.com/neo/react-use-scroll-position)) React hook for using the scroll position.
- 26⭐ 1🍴 [`react-use-trigger`](https://github.com/ilyalesik/react-use-trigger)) React hook for trigger effect from any place of code
- 3⭐ 0🍴 [`react-use-watch`](https://github.com/iam-frankqiu/react-use-watch)) A React hook about triggers once only when dependencies have changed.
- 5⭐ 1🍴 [`react-use-wavelet`](https://github.com/perlin-network/react-use-wavelet)) React hooks for connecting to the Wavelet smart-contract platform
- 41239⭐ 3115🍴 [`react-use`](https://github.com/streamich/react-use)) Collection of essential hooks.
- 50⭐ 3🍴 [`react-useFormless`](https://github.com/GeDiez/react-use-formless)) React hook to handle forms state.
- 19⭐ 2🍴 [`react-usemiddleware`](https://github.com/venil7/react-usemiddleware)) React hook for using existing Redux middlewares (like thunk or saga) with `useReducer`.
- 892⭐ 34🍴 [`react-useportal`](https://github.com/alex-cory/react-useportal)) 🌀 usePortal, React hook for Portals
- 21⭐ 3🍴 [`react-user-media`](https://github.com/vardius/react-user-media)) React wrapper for `navigator.getUserMedia`.
- 306⭐ 30🍴 [`react-wait`](https://github.com/f/react-wait)) Complex Loader Management Hook for React Applications.
- 94⭐ 3🍴 [`react-window-communication-hook`](https://github.com/AvraamMavridis/react-window-communication-hook)) React hook to communicate among browser contexts (tabs, windows, iframes).
- 152⭐ 11🍴 [`react-with-hooks`](https://github.com/yesmeck/react-with-hooks)) Ponyfill for the proposed React Hooks API.
- ?⭐ ?🍴 [`reaktion`](https://github.com/mfrachet/reaktion)) useState like hook for global state management.
- 145⭐ 11🍴 [`redhooks`](https://github.com/iusehooks/redhooks)) Global state management with React Hooks. It also supports the use of middleware like redux-thunk or redux-saga or your own custom middleware.
- 38⭐ 2🍴 [`redux-react-hook`](https://github.com/ianobermiller/redux-react-hook)) React hook for accessing mapped state from a Redux store.
- 114⭐ 5🍴 [`region-core`](https://github.com/regionjs/region-core)) A global state management framework with a hook `useProps`.
- 13⭐ 0🍴 [`rehooks-visibility-sensor`](https://github.com/imbhargav5/rehooks-visibility-sensor)) It checks whether an element has scrolled into view or not.
- 18⭐ 1🍴 [`resynced`](https://github.com/pedronasser/resynced)) Multiple state management using React Hooks API.
- 🌎 [`reto`](awmleer.github.io/reto) Flexible and efficient React store with hooks.
- 14⭐ 0🍴 [`rrh`](https://github.com/brn/rrh)) Super Simple React Hooks for react-redux.
- 2178⭐ 83🍴 [`rxjs-hooks`](https://github.com/LeetCode-OpenSource/rxjs-hooks)) An easy way to use RxJS v6+ with react hooks.
- 142⭐ 8🍴 [`scroll-data-hook`](https://github.com/dejorrit/scroll-data-hook)) Returns information about scroll speed, distance, direction and more.
- 15⭐ 1🍴 [`style-hook`](https://github.com/style-hook/style-hook)) 🎨 wirte css in js with react hooks.
- 30049⭐ 1202🍴 [`swr`](https://github.com/zeit/swr)) React Hooks library for remote data fetching.
- 4406⭐ 118🍴 [`the-platform`](https://github.com/palmerhq/the-platform)) Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.
- 302⭐ 6🍴 [`trousers`](https://github.com/danieldelcore/trousers)) 👖 A hooks-first CSS-in-JS library, focused on semantics and runtime performance
- 158⭐ 6🍴 [`use-abortable-fetch`](https://github.com/mauricedb/use-abortable-fetch)) React hook that does a fetch and aborts when the components is unloaded or a different request is made.
- 15⭐ 1🍴 [`use-action`](https://github.com/awmleer/use-action)) Almost same to useEffect, but not deferred.
- 65⭐ 1🍴 [`use-as-bind`](https://github.com/tylervipond/use-as-bind)) React hook for using as-bind with a WASM source.
- 142⭐ 9🍴 [`use-async-memo`](https://github.com/awmleer/use-async-memo)) React hook for generating async memoized data.
- 7⭐ 0🍴 [`use-autocomplete`](https://github.com/lowewenzel/use-autocomplete)) A React hook for returning autocomplete values for a search string within an array.
- 32⭐ 9🍴 [`use-axios-react`](https://github.com/sergey-s/use-axios-react)) React CRUD hooks for axios, comprehensive list of examples
- 11⭐ 0🍴 [`use-boolean`](https://github.com/mykolaharmash/use-boolean)) Convenient helpers for handling boolean state.
- 3⭐ 1🍴 [`use-browser-history`](https://github.com/zcallan/use-browser-history)) A React hook to handle browser history events.
- 31⭐ 7🍴 [`use-cart`](https://github.com/samjbmason/use-cart)) A React hook that gives you shopping cart functionality.
- 79⭐ 2🍴 [`use-click-away`](https://github.com/geobde/use-click-away)) React hook when you want a callback invoked when a DOM element was not clicked.
- 180⭐ 11🍴 [`use-clippy`](https://github.com/CharlesStover/use-clippy)) A React hook to reading from and writing to the user's clipboard.
- 2575⭐ 58🍴 [`use-context-selector`](https://github.com/dai-shi/use-context-selector)) React useContextSelector hook in userland.
- 3⭐ 0🍴 [`use-controlled-input-number`](https://github.com/d-asensio/use-controlled-input-number)) React hook to turn numeric input behavior into pretty much what you expect.
- 25⭐ 2🍴 [`use-countries`](https://github.com/oktaysenkan/use-countries)) Custom react hook to list countries and languages.
- 2869⭐ 114🍴 [`use-debounce`](https://github.com/xnimorz/use-debounce)) A debounce (and throttle) hook for React.
- 220⭐ 6🍴 [`use-deep-compare`](https://github.com/sandiiarov/use-deep-compare)) It's react's useEffect/useMemo/useCallback hooks, except using deep comparison on the inputs.
- 1868⭐ 84🍴 [`use-deep-compare-effect`](https://github.com/kentcdodds/use-deep-compare-effect)) 🐋 It's react's useEffect hook, except using deep comparison on the inputs, not reference equality.
- 59⭐ 2🍴 [`use-detect-print`](https://github.com/gregnb/use-detect-print)) React hook to detect when a page is being printed.
- 32⭐ 3🍴 [`use-dimensions`](https://github.com/CharlesStover/use-dimensions)) React Native hook for getting screen and window dimensions.
- 19⭐ 1🍴 [`use-double-click`](https://github.com/zattoo/use-double-click)) React hook for continuous double-clicks and combining click and double-click events
- 57⭐ 7🍴 [`use-eazy-auth`](https://github.com/gffuma/use-eazy-auth)) React hooks for handle auth stuff.
- 493⭐ 16🍴 [`use-events`](https://github.com/sandiiarov/use-events)) A set of React Hooks to handle mouse events.
- 182⭐ 11🍴 [`use-force-update`](https://github.com/CharlesStover/use-force-update)) React hook for forcing re-render of a functional Component.
- 18⭐ 2🍴 [`use-hotkeys`](https://github.com/sandiiarov/use-hotkeys)) HotKeys.js React Hook that listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
- 13⭐ 0🍴 [`use-hovering`](https://github.com/therealparmesh/use-hovering)) Simple, accessible React hook for tracking hover state.
- 2312⭐ 113🍴 [`use-http`](https://github.com/alex-cory/use-http)) 🐶 useFetch, React hook for making isomorphic http requests.
- 3920⭐ 90🍴 [`use-immer`](https://github.com/mweststrate/use-immer)) A hook to use 27384⭐ 850🍴 [immer](https://github.com/mweststrate/immer)) to manipulate state.
- 3⭐ 0🍴 [`use-input-file`](https://github.com/neighborhood999/use-input-file)) React hook for creating input file.
- 44⭐ 5🍴 [`use-is-mounted-ref`](https://github.com/helderburato/use-is-mounted-ref)) `useIsMountedRef` is a React Hook to check when the component is mounted.
- 1⭐ 1🍴 [`use-lang-direction`](https://github.com/davidicus/use-lang-direction)) A hook that reads the HTML element's `dir` attribute value and any updates to that value allowing you to update your UI accordingly.
- 124⭐ 11🍴 [`use-last-fm`](https://github.com/webmail/use-last-fm)) A hook to show your current playing song from **Spotify** or any other site 🌎 [last.fm](last.fm) supports in realtime. ♪
- 272⭐ 20🍴 [`use-lilius`](https://github.com/its-danny/use-lilius)) A headless calendar hook for React.
- 519⭐ 24🍴 [`use-media`](https://github.com/streamich/use-media)) CSS media queries with React hook.
- 23⭐ 3🍴 [`use-mouse-action`](https://github.com/dimitrinicolas/use-mouse-action)) React Hooks to listen to both mouse down or up and click events with a once called function.
- 8⭐ 1🍴 [`use-multiselect`](https://github.com/jschloer/use-multiselect)) Manage multiselect state.
- 28⭐ 5🍴 [`use-overflow`](https://github.com/amorriscode/use-overflow)) A React Hook that allows you to detect X and Y overflow
- 1246⭐ 63🍴 [`use-places-autocomplete`](https://github.com/wellyshen/use-places-autocomplete)) 📍 React hook for Google Maps Places Autocomplete.
- 37⭐ 10🍴 [`use-popper`](https://github.com/sandiiarov/use-popper)) React hook wrapper around Popper.js.
- 2135⭐ 95🍴 [`use-query-params`](https://github.com/pbeshai/use-query-params)) A React Hook for managing state in URL query parameters with easy serialization.
- 80⭐ 4🍴 [`use-react-modal`](https://github.com/alex-cory/use-react-modal)) 🖼 useModal, React hook for Modals/Dialogs/Lightboxes
- 568⭐ 30🍴 [`use-react-router`](https://github.com/CharlesStover/use-react-router)) React Hook for pub-sub behavior using React Router.
- 13⭐ 0🍴 [`use-reactive-state`](https://github.com/tedstoychev/use-reactive-state)) `useReactiveState()` - a reactive alternative to React's `useState()`.
- 178⭐ 9🍴 [`use-reducer-async`](https://github.com/dai-shi/use-reducer-async)) React useReducer with async actions
- 62⭐ 4🍴 [`use-redux`](https://github.com/flepretre/use-redux)) A hook to bind 🌎 [redux](redux.js.org).
- ?⭐ ?🍴 [`use-scroller`](https://github.com/geobde/use-scroller)) React hook that automatically adds the next page, saving users from a full page load.
- 107⭐ 4🍴 [`use-scroll-to-bottom`](https://github.com/tudorgergely/use-scroll-to-bottom)) React hook for detecting when an element was scrolled to bottom.
- 30⭐ 1🍴 [`use-simple-undo`](https://github.com/sandiiarov/use-simple-undo)) Simple implementation of undo/redo functionality.
- 198⭐ 26🍴 [`server-push-hooks`](https://github.com/mfrachet/server-push-hooks)) 🔥 React hooks for 🌎 [socket.io](socket.io), 🌎 [SEE](developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events) and more to come
- 50⭐ 10🍴 [`use-socket.io-client`](https://github.com/iamgyz/use-socket.io-client)) React hook for socket.io-client, manipulate 🌎 [socket.io](socket.io) client without any side effect.
- 139⭐ 10🍴 [`use-sse`](https://github.com/kmoskwiak/useSSE)) ✨useSSE - use Server-Side Effect. `useEffect` both on client and server side.
- 261⭐ 7🍴 [`use-ssr`](https://github.com/alex-cory/use-ssr)) ☯️ React hook to determine if you are on the server, browser, or react native.
- 11⭐ 2🍴 [`use-state-snapshots`](https://github.com/haydn/use-state-snapshots)) A React hook to keep track of state changes for undo/redo functionality.
- 99⭐ 1🍴 [`use-substate`](https://github.com/philipp-spiess/use-substate)) React hook for subscribing to your single app state (works with your current 🌎 [Redux](redux.js.org/) app).
- 17⭐ 0🍴 [`use-suspender`](https://github.com/octet-stream/use-suspender)) Execute asynchronous actions with 🌎 [`React.Suspense`](reactjs.org/docs/react-api.html#reactsuspense)
- 42⭐ 2🍴 [`use-t`](https://github.com/streamich/use-t)) Multi-language using hooks.
- 393⭐ 22🍴 [`use-undo`](https://github.com/xxhomey19/use-undo)) React hook to implement Undo and Redo functionality.
- 10⭐ 1🍴 [`use-videocard`](https://github.com/BRA1L0R/use-videocard)) React hook to fetch the graphics card information of the client using canvas
- 1⭐ 0🍴 [`use-window-blur-change-title`](https://github.com/cyntler/use-window-blur-change-title)) React Hook for set the page title when the user is shifting focus away from the current window.
- 1282⭐ 99🍴 [`useDarkMode`](https://github.com/donavon/use-dark-mode)) A custom React Hook to help you implement a "dark mode" component.
- 3⭐ 0🍴 [`useDeferredState`](https://github.com/phytonmk/useDeferredState)) A React hook for deferring state change. That's essential when your UI needs to wait for disappearing animation is complete to unmount component.
- 4⭐ 0🍴 [`useDropZone`](https://github.com/sbaidon/useDropZone)) React hook that allows you to set simple drag and drop functionality.
- 37⭐ 4🍴 [`useEmailAutocomplete`](https://github.com/alex-cory/use-email-autocomplete)) 📬 React hook for email autocomplete inputs.
- 6⭐ 2🍴 [`useFileDialog`](https://github.com/omidnikrah/use-file-dialog)) Open file dialog without struggling with file input using useFileDialog react hook
- 4948⭐ 181🍴 [`useInView`](https://github.com/thebuilder/react-intersection-observer)) React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
- 9⭐ 1🍴 [`useIsTyping`](https://github.com/KATT/use-is-typing)) Hook to see if the user is typing within a textarea or input
- 24⭐ 2🍴 [`useKeyCapture`](https://github.com/pranesh239/use-key-capture)) ⌨️ A simple hook to make keyDown listening event easier.
- 23⭐ 4🍴 [`usePosition`](https://github.com/tranbathanhtung/usePosition)) React hook to get position top left of an element.
- ?⭐ ?🍴 [`useReducerWithEffects`](https://github.com/frankiesardo/use-reducer-with-effects)) React Hook that colocates reducer and side effects
- 0⭐ 0🍴 [`useReducerWithLocalStorage`](https://github.com/Tweries/useReducerWithLocalStorage)) React hook that adds local storage support to the `useReducer` hook
- 15⭐ 1🍴 [`useScreenType`](https://github.com/pankod/react-hooks-screen-type)) Determining screen size type for Bootstrap 4 grid.
- 12⭐ 8🍴 [`useScreenType`](https://github.com/wednesday-solutions/react-screentype-hook)) React hook to dynamically get current screen type (mobile, tablet, desktop) with configurable breakpoint support.
- 318⭐ 17🍴 [`useScrollSpy`](https://github.com/Purii/react-use-scrollspy)) React hook to automatically update navigation based on scroll position.
- 15⭐ 6🍴 [`useServiceWorker`](https://github.com/JCofman/react-hook-use-service-worker)) A React hook which can register a service worker
- 2⭐ 0🍴 [`useValueAfter`](https://github.com/bboydflo/use-value-after)) Very simple React hook to easily provide different props to a component (comes in handy for testing edge cases)
- 2⭐ 0🍴 [`useWaitForElements`](https://github.com/renansoares/useWaitForElements)) A simple hook to wait for elements to be rendered with MutationObserver.
- 5⭐ 1🍴 [`useWindowOrientation`](https://github.com/tywmick/use-window-orientation)) A hook returning the window's orientation (portrait vs. landscape) based off of current window dimensions
- 7⭐ 0🍴 [`useWindowWidthBreakpoints`](https://github.com/tywmick/use-window-width-breakpoints)) A hook for using (Bootstrap-inspired) window width breakpoints
## Source
9774⭐ 780🍴 [rehooks/awesome-react-hooks](https://github.com/rehooks/awesome-react-hooks))