yummies/react

Description

React helpers shipped as optional peer dependency: stable event callbacks (useEvent), refs, observers (intersection, resize), abort signals, and attachRefs for forwarding to multiple refs. Hooks follow patterns from RFCs and day-to-day UI needs without pulling a second hook library. Import names directly from yummies/react; tree-shaking keeps unused hooks out of the bundle.

Usage

import { useToggle, attachRefs } from "yummies/react";

useEventListener()

Subscribes to a DOM event and keeps the latest handler without resubscribing on every render.

Supports optional debounce and custom effect dependencies.

Examples:

useEventListener({
  event: 'click',
  handler: () => console.log('clicked'),
});

useEventListener({
  event: 'scroll',
  node: window,
  debounce: 100,
  handler: () => console.log('scroll'),
});