awesome-react-hooks

Awesome React Hooks
https://github.com/rehooks/awesome-react-hooks

Last synced: 3 days ago
JSON representation

Videos
Tutorials
Packages
- `reaktion`
- `reto`
- `swr`
- `the-platform` - friendly React elements for common situations.
- `@kevinwolf/formal`
- `react-native-react-bridge`
- `concent`
- `react-query`
- `react-responsive`
- `react-cookie`
- `react-dom-status-hook`
- `react-hook-mousetrap`
- `react-hook-form`
- `react-i18next`
- `use-immer`
- `use-scroller`
- `useReducerWithEffects`
- `@21kb/react-hooks`
- `@d2k/react-devto`
- `@d2k/react-github`
- `@d2k/react-localstorage`
- `@elgorditosalsero/react-gtm-hook`
- `@hookstate/core`
- `@jzone/react-request-hook`
- `@koale/useworker`
- `@marvelsq/use-properties-hook` - properties` and equal in `ShallowCompare`
- `@rehooks/component-size`
- `@rehooks/document-title` - title.
- `@rehooks/document-visibility`
- `@rehooks/input-value`
- `@rehooks/local-storage`
- `@rehooks/network-status` - status.
- `@rehooks/online-status`
- `@rehooks/window-scroll-position`
- `@rehooks/window-size`
- `@rekindle/use-request`
- `@rkrupinski/use-state-machine`
- `@staltz/use-profunctor-state`
- `@webscopeio/react-health-check`
- `@wellyshen/use-web-animations` - performant and manipulable animations using Web Animations API.
- `@withvoid/melting-pot`
- `ahooks/usetable`
- `constate`
- `conuse`
- `easy-peasy`
- `fetch-suspense`
- `graphql-hooks` - first GraphQL client.
- `mobx-react-lite`
- `modali`
- `moment-hooks`
- `nice-hooks`
- `reactive-react-redux`
- `react-async-hook` - hoc data into your React components.
- `react-cached-callback`
- `react-context-refs`
- `react-cool-dimensions`
- `react-cool-form`
- `react-fetch-hook`
- `react-cool-portal`
- `react-cool-virtual`
- `react-countdown-hook`
- `react-darkreader`
- `react-declare-form`
- `react-deep-hooks` - primitive dependencies.
- `react-firebase-hooks`
- `react-form-stateful`
- `react-hanger`
- `react-hook-mighty-mouse`
- `react-hookedup`
- `react-hook-layout`
- `react-hooks-async`
- `react-hooks-global-state`
- `react-hooks-image-size`
- `react-hooks-lib`
- `react-hooks-svgdrawing`
- `react-hooks-visible`
- `react-hooks-worker`
- `react-hotkey-hook`
- `react-immer-hooks`
- `react-indicative-hooks`
- `react-intersection-visible-hook`
- `react-metatags-hook`
- `react-optimistic-ui-hook`
- `react-page-name`
- `react-peer-data`
- `react-pirate`
- `react-powerhooks` - powerplug components.
- `react-promiseful`
- `react-recaptcha-hook` - recaptcha v3
- `react-request-hook` - oriented api requests.
- `react-rocketjump`
- `react-screen-wake-lock`
- `react-script-hook`
- `react-selector-hooks` - based memoized selector factories for declarations outside of render.
- `react-speech-kit`
- `react-state-patterns`
- `react-tracked` - renders without hassle.
- `react-uniformed`
- `react-use-api` - caching.
- `react-use-calendar`
- `react-use-clipboard`
- `react-use-d3`
- `react-use-data-loader`
- `react-use-fetch-factory`
- `react-use-form-state`
- `react-use-id-hook` - safe unique id strings.
- `react-use-idb`
- `react-use-input`
- `react-use-lazy-load-image`
- `react-use-message-bar`
- `react-use-modal`
- `react-use-scroll-position`
- `react-use-trigger`
- `react-use-watch`
- `react-use-wavelet` - contract platform
- `react-use`
- `react-useFormless`
- `react-usemiddleware`
- `react-user-media`
- `react-wait`
- `react-window-communication-hook`
- `react-with-hooks`
- `redhooks` - thunk or redux-saga or your own custom middleware.
- `redux-react-hook`
- `region-core`
- `rehooks-visibility-sensor`
- `resynced`
- `rrh` - redux.
- `rxjs-hooks`
- `scroll-data-hook`
- `style-hook`
- `trousers` - first CSS-in-JS library, focused on semantics and runtime performance
- `use-abortable-fetch`
- `use-action`
- `use-as-bind` - bind with a WASM source.
- `use-async-memo`
- `use-autocomplete`
- `use-axios-react`
- `use-boolean`
- `use-browser-history`
- `use-click-away`
- `use-clippy`
- `use-context-selector`
- `use-controlled-input-number`
- `use-countries`
- `use-debounce`
- `use-deep-compare`
- `use-deep-compare-effect`
- `use-detect-print`
- `use-dimensions`
- `use-double-click` - clicks and combining click and double-click events
- `use-events`
- `use-hotkeys`
- `use-hovering`
- `use-input-file`
- `use-lang-direction`
- `use-media`
- `use-mouse-action`
- `use-multiselect`
- `use-overflow`
- `use-places-autocomplete`
- `use-popper`
- `use-query-params`
- `use-react-router` - sub behavior using React Router.
- `use-reactive-state` - a reactive alternative to React's `useState()`.
- `use-reducer-async`
- `use-redux`
- `use-scroll-to-bottom`
- `use-simple-undo`
- `server-push-hooks` - US/docs/Web/API/Server-sent_events/Using_server-sent_events) and more to come
- `use-socket.io-client` - client, manipulate [socket.io](https://socket.io) client without any side effect.
- `use-sse` - use Server-Side Effect. `useEffect` both on client and server side.
- `use-state-snapshots`
- `use-substate`
- `use-suspender` - api.html#reactsuspense)
- `use-t` - language using hooks.
- `use-videocard`
- `use-window-blur-change-title`
- `useDarkMode`
- `useDeferredState`
- `useDropZone`
- `useFileDialog`
- `useInView`
- `useIsTyping`
- `useKeyCapture`
- `usePosition`
- `useReducerWithLocalStorage`
- `useScreenType`
- `useScreenType`
- `useScrollSpy`
- `useServiceWorker`
- `useValueAfter`
- `useWaitForElements`
- `useWindowOrientation`
- `the-platform` - friendly React elements for common situations.
- `use-immer`
- `reto`
- `react-media-hook`
- `use-reactive-state` - a reactive alternative to React's `useState()`.
- `@21kb/react-hooks`
- `react-responsive`
- `react-query`
- `use-react-modal`
- `swr`
- `react-recipes`
- `react-cool-onclickoutside`
- `react-use-browser` - Side-Rendered components when server-produced markup needs to differ from the final client application markup.
Podcasts
Tools
- `eslint-plugin-react-hooks`
- `hooks.macro`
- CodeSandbox Starter Kit
- React Hooks Snippets for VS Code
- `hook-into-props`
- `react-hooks-testing-library`
- `react-universal-hooks`
- Jooks - test your custom hooks by mocking React's Hooks API (useState, etc.)
Catalogs
- Hooks.guide
- useHooks(🐠)
- Use Hooks
- Use Hooks
- @react-hookz/web - A library of general-purpose React hooks built with care and SSR compatibility in mind.
- ahooks
- Captain hook
- crooks
- hooks-by-example - friendly real world examples of hook usage.
- Searchable Collection of React Hooks
- beautiful-react-hooks(🔥) - up your components and custom hooks development.
- Use Hooks
- Sunflower(🌻)
- beautiful-react-hooks(🔥) - up your components and custom hooks development.
Documentation
- React Hooks Docs
Discussions
- React Hooks RFC

Programming Languages

TypeScript 114 JavaScript 83

Categories

Packages 207 Tutorials 93 Catalogs 14 Videos 10 Tools 8 Podcasts 3 Discussions 1 Documentation 1

Sub Categories

Keywords

react 135 react-hooks 72 hooks 65 hook 38 typescript 28 reactjs 21 javascript 11 react-hook 11 state-management 10 redux 9 async 6 npm 6 performance 5 modal 5 hooks-api-react 4 ux 4 css 4 ssr 4 react-native 4 react-components 4 form 4 npmjs 4 reacthooks 4 fetch 4 window 3 travis 3 promise 3 travis-ci 3 custom-hook 3 api 3 travisci 3 custom-hooks 3 browser 3 server-side-rendering 3 react-context 3 visibility 3 react-state 3 size 3 forms 2 input 2 intersection-observer 2 document 2 store 2 form-validation 2 immer 2 status 2 scroll 2 query 2 state 2 portal 2