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";

useClickOutside()

Calls a handler when a pointer interaction happens outside the referenced element.

Examples:

useClickOutside({
  contentRef: modalRef,
  onClick: () => closeModal(),
});

useClickOutside({
  contentRef: dropdownRef,
  onClick: hideDropdown,
  options: { capture: true },
});