Awesome React Hooks Resources
🎬ReactConf 2018: React Today and Tomorrow by Sophie Alpert and Dan Abramov Official announcement and first demo. 🎬ReactConf 2018: 90% Cleaner React by Ryan Florence 🎬React Hooks: A Complete Introduction by Harry Wolff 🎬React Hooks playlist by Ben Awad 🎬React Hooks playlist by Josh Ribakoff 🎬React Hooks playlist by Michael Chan
hooks.macroBabel Macros for automatic memoization invalidation
- CodeSandbox Starter Kit
- React Hooks Snippets for VS Code
- hooks-by-example Collection of beginner-friendly real world examples of hook usage.
- Hooks.guide Collection of React hooks curated by the community.
- Searchable Collection of React Hooks
🐠) One new React Hook recipe every day.
- Use Hooks A collection of reusable React Hooks.
@21kb/react-hooksA set of React Hooks to get hooked on.
@rehooks/component-sizeReact hook for determining the size of a component.
@rehooks/document-titleReact hook for updating the document-title.
@rehooks/document-visibilityReact hook for subscribing to document visibility.
@rehooks/input-valueReact hook for creating input values.
@rehooks/local-storageReact hook which syncs
localStorage[key]with the comp.
@rehooks/network-statusReact hook for getting network-status.
@rehooks/online-statusReact Hook for Online status.
@rehooks/window-scroll-positionReact hook for getting window
@rehooks/window-sizeReact hook for subscribing to window size.
@staltz/use-profunctor-stateReact Hook for state management with Profunctor Optics
constateTransform your local state into global state using
easy-peasyEasy peasy global state for React.
mobx-react-liteLightweight React bindings for MobX based on experimental React hooks.
promise-hookReact hook for simplifying Promise based data fetching.
react-async-hookReact hook to fetch ad-hoc data into your React components.
react-declare-formReact hook based declarative form library.
react-dom-status-hookReact hook for subscribing to the
react-enhanced-reducer-hookAn alternative to
useReducerthat accepts middlewares.
react-firebase-hooksA collection of hooks for use with Firebase.
react-hangerA small collection of utility hooks.
react-hooks-global-stateA simple global state management.
react-hooks-libA set of reusable react hooks.
react-i18next/hooksInternationalization for react done right.
react-immer-hooksuseState and useReducer using Immer to update state.
react-intersection-visible-hookReact hook to track the visibility of a functional component.
react-pirateReact lifecycle and utilities hooks.
react-powerhooksHooks api for react-powerplug components.
react-selector-hooksCollection of hook-based memoized selector factories for declarations outside of render.
react-use-data-loaderReact hook for loading data
react-use-form-stateReact hook for managing form and inputs state.
react-use-idbReact hook for storing value in the browser using
react-useCollection of essential hooks.
react-useFormlessReact hook to handle forms state.
react-usemiddlewareReact hook for using existing Redux middlewares (like thunk or saga) with
react-waitComplex Loader Management Hook for React Applications.
react-window-communication-hookReact hook to communicate among browser contexts (tabs, windows, iframes).
react-with-hooksPonyfill for the proposed React Hooks API.
reaktionuseState like hook for global state management.
redux-react-hookReact hook for accessing mapped state from a Redux store.
rehooks-visibility-sensorIt checks whether an element has scrolled into view or not.
resyncedMultiple state management using React Hooks API.
rxjs-hooksAn easy way to use RxJS v6+ with react hooks.
the-platformBrowser API's turned into React Hooks and Suspense-friendly React elements for common situations.
use-abortable-fetchReact hook that does a fetch and aborts when the components is unloaded or a different request is made.
use-eventsA set of React Hooks to handle mouse events.
use-immerA hook to use immer to manipulate state.
use-reduxA hook to bind redux.
use-simple-undoSimple implementation of undo/redo functionality.
use-socketioReact hooks to use with https://socket.io/.
use-substateReact hook for subscribing to your single app state (works with your current Redux app).
use-undoReact hook to implement Undo and Redo functionality.
usePositionReact hook to get position top left of an element.
useScrollSpyReact hook to automatically update navigation based on scroll position.