Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@snappmarket/hooks

snappmarket393MIT0.5.6

⚓ hooks are good, making custom re-usable ones is better

hook, react-hooks, custom-hook, debounce, useDebounce, debounce-hook, useEffect-update, useUpdateEffect, useDidUpdateEffect, scroll, use-scroll, use-element-scroll, infinity-scroll, element-scroll, useFocus, focus-hook, useForceUpdate, forceUpdate-hook, geolocation-hook, useGeolocation, useImageSize, image, image-size, online-status, use-online, online-hook, connection-hook, internet-connection-hook, internet-connection-check, memory-hook, remember-value, remember-value-hook, routeChangeDetect, routeChange-hook, useResizeObserver, resizeObserver, useRouteChange, useTimer, timer-hook, useTimeout, timeout, use-window-scroll, window-scroll, use-window-size, window-size

readme

Our apps re-usable hooks

⚓ hooks are good, making custom re-usable ones is better

version downloads PRs Welcome MIT License

Watch on GitHub Star on GitHub

react hooks


get started

yarn add @snappmarket/hooks

Hooks Found Here

Hook Name Description
useDebounce 🔂 Change rapidly, do once
useDidUpdateEffect 🧵 Do not worry about render phase effect calls
useFocus 😵 Focus on every thing you want
useForceUpdate 👿 force update component
useGeoLocation 🗺 easily deal with navigator location API
useRouteChange 🏹 detect when react router dom route changes
useTimer ⏱ easily handle timing

usage

import { HOOK_NAME } from '@snappmarket/hooks';


const SampleComponent = props => {
  // use hook here
};