Awesome React Hooks Resources
Documentation
Discussions
Tutorials
Videos
- π¬ 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
Tools
Catalogs
- Hooks.guide Collection of React hooks curated by the community.
- Searchable Collection of React Hooks
- useHooks(π ) One new React Hook recipe every day.
Packages
@21kb/react-hooks
A set of React Hooks to get hooked on.@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 syncslocalStorage[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 windowx
andy
position.@rehooks/window-size
React hook for subscribing to window size.easy-peasy
Easy peasy global state for React.promise-hook
React hook for simplifying Promise based data fetching.react-async-hook
React hook to fetch ad-hoc data into your React components.react-dom-status-hook
React hook for subscribing to theDOMContentLoaded
event.react-firebase-hooks
A collection of hooks for use with Firebase.react-hanger
A small collection of utility hooks.react-hooks-global-state
A simple global state management.react-hooks-lib
A set of reusable react hooks.react-i18next/hooks
Internationalization for react done right.react-immer-hooks
useState and useReducer using Immer to update state.react-intersection-visible-hook
React hook to track the visibility of a functional component.react-pirate
React lifecycle and utilities hooks.react-powerhooks
Hooks api for react-powerplug components.react-selector-hooks
Collection of hook-based memoized selector factories for declarations outside of render.react-use
Collection of essential hooks.react-useFormless
React hook to handle forms state.react-use-form-state
React hook for managing form and inputs state.react-window-communication-hook
React hook to communicate among browser contexts (tabs, windows, iframes).react-with-hooks
Ponyfill for the proposed React Hooks API.redux-react-hook
React hook for accessing mapped state from a Redux store.rehooks-visibility-sensor
It checks whether an element has scrolled into view or not.resynced
Multiple state management using React Hooks API.the-platform
Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.use-events
A set of React Hooks to handle mouse events.use-immer
A hook to use immer to manipulate state.use-substate
React hook for subscribing to your single app state (works with your current Redux app).use-undo
React hook to implement Undo and Redo functionality.usePosition
React hook to get position top left of an element.