awesome-react-hooks README

awesome-react-hooks

Awesome React Hooks Resources

Documentation

React Hooks Docs

Discussions

React Hooks RFC

Tutorials

Videos

Podcasts

Tools

eslint-plugin-react-hooks
hooks.macro Babel Macros for automatic memoization invalidation
CodeSandbox Starter Kit
React Hooks Snippets for VS Code
hook-into-props Helper to build HOCs using hooks. Useful for using hooks with class components.
react-universal-hooks React Universal Hooks: just use****** everywhere, Functional or Class Components
Jooks Unit-test your custom hooks by mocking React's Hooks API (useState, etc.)
react-hooks-testing-library Library to create unit tests for custom React hooks.

Catalogs

@react-hookz/web - A library of general-purpose React hooks built with care and SSR compatibility in mind.
ahooks A collection of React Hooks specifically aiming at enterprise applications.
beautiful-react-hooks(🔥) A collection of hooks to speed-up your components and custom hooks development.
Captain hook Modest list of hooks.
crooks A collection of unique React Hooks.
hooks-by-example Collection of beginner-friendly real world examples of hook usage.
Hooks.guide Collection of React hooks curated by the community.
react-recipes 👩‍🍳 Collection of essential hook recipes 🥘
Searchable Collection of React Hooks
Sunflower(🌻) Collection of React Hooks returning components of antd.
useHooks(🐠) One new React Hook recipe every day.
Use Hooks A collection of reusable React Hooks.

Packages

@21kb/react-hooks A set of React Hooks to get hooked on.
@d2k/react-devto React hook for Dev.to API requests
@d2k/react-github React hook for Github API requests
@d2k/react-localstorage React hook that handles updating and clearing localstorage values while keeping them in sync with your components.
@elgorditosalsero/react-gtm-hook React hook for handle easily the Google Tag Manager.
@hookstate/core Modern, very fast and extendable state management for React.
@jzone/react-request-hook 🐶React hook for custom request，compatible with various lib, support redux
@kevinwolf/formal Elegant form management primitives for the react hooks era.
@koale/useworker ⚙️ Running heavy task in background using web workers, without blocking the UI
@marvelsq/use-properties-hook Instance functions inside FunctionComponent like class-properties and equal in ShallowCompare
@rehooks/component-size React hook for determining the size of a component.
@rehooks/document-title React hook for updating the document-title.
@rehooks/document-visibility React hook for subscribing to document visibility.
@rehooks/input-value React hook for creating input values.
@rehooks/local-storage React hook which syncs localStorage[key] with the comp.
@rehooks/network-status React hook for getting network-status.
@rehooks/online-status React Hook for Online status.
@rehooks/window-scroll-position React hook for getting window x and y position.
@rehooks/window-size React hook for subscribing to window size.
@rekindle/use-request 🤖 React hook for making request.
@rkrupinski/use-state-machine A finite state machine hook.
@staltz/use-profunctor-state React Hook for state management with Profunctor Optics
@webscopeio/react-health-check 🏥 Lightweight React hook for checking health of API services.
@wellyshen/use-web-animations 🍿 React hook for highly-performant and manipulable animations using Web Animations API.
@withvoid/melting-pot React hook utility library.
ahooks/usetable A Progressive Solution for Query Table Scene.
concent State management that tailored for react, it is simple, predictable, progressive and efficient.
constate Transform your local state into global state using useContextState and useContextReducer.
conuse Share Hook with Context
easy-peasy Easy peasy global state for React.
fetch-suspense React hook for the Fetch API with support for Suspense.
graphql-hooks Minimal hooks-first GraphQL client.
mobx-react-lite Lightweight React bindings for MobX based on experimental React hooks.
modali A delightful modal dialog component for React, built from the ground up to support React Hooks.
moment-hooks A library containing generic react hooks
nice-hooks 🍹 A lot of nice hooks to make react hooks easier to use ( useState callback / life cycle / instance variable)
promise-hook React hook for simplifying Promise based data fetching.
reactive-react-redux React Redux binding with React Hooks and Proxy
react-async-hook React hook to fetch ad-hoc data into your React components.
react-cached-callback React hooks for caching many callbacks by key, for example, in loops.
react-context-refs React hooks for getting refs of elements via context.
react-cookie React hooks for universal cookies.
react-cool-dimensions 📏 React hook to measure an element's size and handle responsive components.
react-cool-form 📋 React hooks for forms state and validation, less code more performant.
react-cool-inview 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
react-cool-onclickoutside 🖱 React hook to listen for clicks outside of the component(s).
react-cool-portal 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to or else.
react-cool-virtual ♻️ A tiny React hook for rendering large datasets like a breeze.
react-countdown-hook Dead simple yet powerful countdown hook for React. Powered by requestAnimationFrame.
react-darkreader 🌓 A React Hook for adding a dark / night mode to your site inspired by darkreader.
react-declare-form React hook based declarative form library.
react-deep-hooks React hooks for non-primitive dependencies.
react-dom-status-hook React hook for subscribing to the DOMContentLoaded event.
react-enhanced-reducer-hook An alternative to useReducer that accepts middlewares.
react-fetch-hook React hook for conveniently use Fetch API.
react-firebase-hooks A collection of hooks for use with Firebase.
react-form-stateful Form library. Exposes dispatch to allow for the library to be extended through side effects.
react-hanger A small collection of utility hooks.
react-hook-mighty-mouse React hook that tracks mouse events on selected element 🐭
react-hook-mousetrap A hook to trigger callbacks on keys or keys combos, powered by mousetrap.
react-hookedup A collection of useful React hooks.
react-hook-form Form validation without the hassle.
react-hook-layout Layout management in React.
react-hooks-async React custom hooks for async functions with abortability and composability
react-hooks-global-state A simple global state management.
react-hooks-image-size Hook to get natural image size from url.
react-hooks-lib A set of reusable react hooks.
react-hooks-svgdrawing A hooks to svg drawing.
react-hooks-use-modal A hook to open the modal easily.
react-hooks-visible A hook to element visibility. Uses the intersection observer API.
react-hooks-worker React custom hooks for web workers
react-hotkey-hook React hook for hotkeys.
react-i18next Internationalization for react done right.
react-immer-hooks useState and useReducer using Immer to update state.
react-indicative-hooks Hooks wrapping a data validation library called Indicative
react-intersection-visible-hook React hook to track the visibility of a functional component.
react-media-hook React hook for Media Queries.
react-metatags-hook React Hook to manage html meta tags.
react-native-react-bridge A React Native plugin to run React and handle communication between them.
react-optimistic-ui-hook ⚛️ Minimal "optimistic UI" pattern implementation with a React hook
react-page-name React Hook for managing the page title.
react-peer-data React wrapper for PeerData library for files, media streaming/sharing using WebRTC.
react-pirate React lifecycle and utilities hooks.
react-powerhooks Hooks api for react-powerplug components.
react-promiseful A React component and hook to render children conditionally based on a promise status.
react-query Hooks for fetching, caching and updating asynchronous data in React.
react-recaptcha-hook React hook for google-recaptcha v3
react-recipes 👩‍🍳 Collection of essential hook recipes 🥘
react-request-hook Managed, cancelable and safe-oriented api requests.
react-responsive React media query module.
react-rocketjump Manage state and side effects like a breeze.
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
react-script-hook React hook to dynamically load an external script and know when its loaded
react-selector-hooks Collection of hook-based memoized selector factories for declarations outside of render.
react-speech-kit Hooks for browser Speech Recognition and Speech Synthesis.
react-state-patterns Utility package for creating reusable implementations of React state provider patterns from hooks.
react-swipeable React swipe event handler hook.
react-tracked Simple and fast global state with React Context. Eliminate unnecessary re-renders without hassle.
react-uniformed 🚀 Declarative React forms using hooks.
react-use-api Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
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.
react-use-calendar A hook for implementing a calendar with events.
react-use-clipboard A hook that copies text to a user's clipboard.
react-use-d3 A React hook to use D3.
react-use-data-loader React hook for loading data
react-use-fetch-factory React hook that takes care of fetching and selecting data with redux.
react-use-fetch-with-redux React hook that caches API requests that works with redux.
react-use-form-state React hook for managing form and inputs state.
react-use-id-hook React hook for generating SSR-safe unique id strings.
react-use-idb React hook for storing value in the browser using indexDB.
react-use-infinite-loader :infinity: :page_with_curl: :hourglass_flowing_sand: Super lightweight infinite loading (scroll) hook for React apps
react-use-input 🎣 A hook whose setter c