useReact

Autosize a textarea to content height; optionally sync the measured height to a wrapper via styleTarget.

Close a panel when clicks happen outside multiple protected refs (toggle button + content area).

Drag a card by its handle and keep it inside a container while tracking position and drag state.

Observe a panel size with ResizeObserver while changing width, height, and inner padding live.

Track full DOMRect values (x/y/edges/size) while a target moves inside a scrollable container.

Observe when a sentinel becomes visible inside a scroll root with configurable threshold.

Resolve and inspect a target node parentElement, and interact with the parent wrapper through the returned node.

Reflect current window focus/blur state and demonstrate focus-aware background ticking.

Track live window scrollX/scrollY and expose quick actions for top/middle/end navigation.

Mirror document.activeElement and inspect focus transitions across inputs, textarea, buttons, and links.

Track drag-over state and capture dropped files with hover feedback and recent-drop logging.

Read and update window.location.hash with quick presets and custom hash input.

Watch href/path/search/hash updates from popstate/hashchange and try quick hash navigation actions.

Broadcast structured messages across tabs on one channel and inspect the latest received payload.

Swap the tab icon dynamically using preset and custom favicon URLs.

Open the native file chooser, capture selected files, and reset selection programmatically.

Open a text file with native picker, edit content, and save it back through the File System Access API.

Enter, exit, and toggle fullscreen for a target element while tracking real-time fullscreen state.

Subscribe to multiple media queries and watch match booleans react to viewport and system preference changes.

Control a media element with custom play/pause, mute, volume, and seek interactions synced from events.

Poll performance.memory in Chromium and display live used/total/limit JS heap snapshots.

Check CSS.supports in both property/value and condition-string forms with live user-entered input.

Read and update a CSS custom property on a target element, keeping UI state in sync with styles.

Resolve active breakpoint names from window width and inspect current, active list, boolean flags, and >= checks.

Trigger the Web Bluetooth device picker and track selected device name and request errors.

Read prefers-color-scheme changes and map them to light/dark/no-preference UI behavior.

Return a boolean from prefers-color-scheme: dark for straightforward dark-mode branching in UI.

Persist an explicit dark/light choice and synchronize dark/light classes on the chosen DOM element.

Expose navigator language priority order and refresh when the browser locale preference changes.

Observe prefers-reduced-motion and conditionally disable non-essential animations in UI.

Read prefers-contrast (more/less/custom/no-preference) and map it to stronger or softer visual emphasis.

Observe prefers-reduced-transparency and replace frosted/translucent UI surfaces with solid backgrounds.

Watch document dir changes and switch UI direction between ltr and rtl with a simple state value.

Persist light/dark/auto mode and expose resolved dark state while syncing theme attribute/class on the root.

Read current URL query values and replace search params through record or URLSearchParams updates.

Return fallback width on server and initial window width on client for SSR-safe layout branching.

Track screen orientation type and angle, then derive portrait/landscape oriented UI hints.

Open the native share sheet with title, text, and URL, then reflect whether share succeeded or was dismissed.

Invoke short and patterned device vibrations from user gestures, and report whether the browser accepted calls.

Acquire and release a screen wake lock, tracking active state and request outcomes in real time.

Inject CSS into a dynamic style tag, swap style variants live, and observe id/loaded/error state.

Request notification permission and send a browser notification while tracking permission/action outcomes.

Read top/right/bottom/left safe-area insets and preview layout padding adjusted with current values.

Track live viewport width/height from resize events and derive orientation/aspect display hints.

Set document.title from component state and optionally restore the previous title on unmount.

Toggle body overflow lock with overlay state so background page scrolling is disabled while open.

Load and track an external script URL with idle/loading/ready/error status and global availability checks.

Mirror document visibility state and pause visible-only work while the tab or window is hidden.

Copy text to navigator.clipboard, track success/failure, and expose the hook stored copied value.

Read ClipboardItem entries from the async clipboard API and inspect returned MIME type groups.

Observe Permissions API state for selected names and watch updates when browser settings change.

Subscribe to PerformanceObserver entry types and inspect buffered navigation/resource timeline events.