Core Functions #

Animation #

• useInterval — reactive counter increases on every interval
• useIntervalFn — wrapper for setInterval with controls
• useRafFn — call function on every requestAnimationFrame
• useTimeout — update value after a given time with controls
• useTimeoutFn — wrapper for setTimeout with controls

Browser #

• useEventListener — use EventListener with ease
• useMediaQuery — reactive Media Query
• usePreferredDark — reactive dark theme preference
• useTitle — reactive document title

Component #

• tryOnDestroy — safe onDestroy
• tryOnMount — safe onMount

Sensors #

• onClickOutside — list for clicks outside of an element
• useMutationObserver — watch for changes being made to the DOM tree

State #

• useLocalStorage — reactive LocalStorage
• useSessionStorage — reactive SessionStorage
• useStorage — reactive LocalStorage/SessionStorage

Store #

• readable — auto unsubscribe on destory for readable
• writable — auto unsubscribe on destory for writable

Utilities #

• useAsyncState — reactive async state

Watch #

• whenever — shorthand for watching value to be truthy