react-helpers-og

react-helpers-og

Pack of useful components, hooks, contexts and utils for React

Getting started

Install package via npm:

npm install --save react-helpers-og

Usage

You can import any helper you want as a named export from 'react-helpers-og', eg

import { useRect, merge, ZIndexContext } from 'react-helpers-og';

...or you can directly import only the helpers you need:

import useRect from 'react-helpers-og/src/hooks/useRect';
import merge from 'react-helpers-og/src/utils/merge';
import ZIndexContext from 'react-helpers-og/src/contexts/ZIndexContext';

Documentation

Contexts

• ZIndexContext to provide zIndex

Hooks

• useClickState to provide clicked logic
• useDoubleClick to provide doubleclick logic
• useEvent Hook to listen events
• useHoverState to provide hovered logic
• useKeyDown to listen keydown events
• useObject to memoize object
• useOutsideClick to provide outsideclick logic
• useOverflow Hook to observe node overflow
• useRect to observe node rect
• useRecursiveAnimationFrame to start recursive requestAnimationFrame
• useTimeout to decorate func with timeout
• useTooltip to observe node as tooltip coords

License

react-helpers-og is available under the MIT License.