Skip to content
uiify

Hooks

25 SSR-safe React hooks from @gunkin/uiify/hooks, the substrate under the components.

Substrate

6 entries
useIsomorphicLayoutEffectSSR-safe layout effect (no server warning).useEventCallbackStable callback identity that always sees fresh props.useIsMountedQuery whether the component is still mounted.useUnmountRun a cleanup callback on unmount.useMergedRefsMerge multiple refs onto one element.useIdSSR-safe unique id with an optional override.

State

4 entries
usePreviousThe value from the previous render.useToggleBoolean state with a toggle/set callback.useControllableStateUnified controlled/uncontrolled state.useLocalStorageState persisted to localStorage.

Effects

6 entries
useUpdateEffectEffect that skips the first render.useTimeoutRun a callback after a delay, like a declarative setTimeout.useIntervalDeclarative setInterval (pause with null).useDebounceDebounced copy of a value.useDebouncedCallbackDebounced version of a callback.useThrottledCallbackThrottled version of a callback.

Sensors

5 entries
useEventListenerAttach a DOM/window event listener.useMediaQueryTrack a CSS media query match.useResizeObserverTrack an element's size.useIntersectionObserverTrack an element's intersection with the viewport or a scroll container.useWindowSizeTrack the window dimensions.

Interaction

3 entries
useClickOutsideRun a handler on clicks outside an element.useFocusWithinTrack focus entering/leaving a subtree.useHoverPointer-based hover state (touch-aware).