ReactUse
by childrentime
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
| logging | {} |
| prompts | {
"listChanged": true
} |
| resources | {
"listChanged": true
} |
| completions | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| get_hookA | Fetch full documentation (description, usage example, API table) for a specific @reactuses/core React hook by name. |
| list_hooksA | List all available @reactuses/core hooks, optionally filtered by category. |
| search_hooksA | Search @reactuses/core hooks by name, description, or content. Results are ranked by relevance. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| find_hook | Get a focused prompt that helps the LLM recommend ReactUse hooks for a described task. |
| migrate_from_vueuse | Map a VueUse composable to its ReactUse equivalent (if any) with migration notes. |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| reactuse-index | JSON index of all 110+ @reactuses/core hooks (name, category, URL, description). |
| use | use is a React hook that polyfills React 19's use() for v18 and below — resolve and consume promise state. For React 19 and above, use the built-in use hook. |
| useActiveElement | useActiveElement is a React hook that reactively tracks document.activeElement — returns the focused DOM element, or null, updating on focus and blur. |
| useAsyncEffect | useAsyncEffect is a React hook that brings async and await support to useEffect — run async effects with an optional async cleanup, safe against unmount. |
| useBoolean | useBoolean is a React hook to manage a boolean state with convenient setTrue, setFalse, and toggle helpers — no inline arrow functions needed. |
| useBroadcastChannel | useBroadcastChannel is a React hook for the BroadcastChannel API — send and receive messages between browser tabs, windows, and iframes on the same origin. |
| useClickAway | useClickAway is a React hook to detect clicks outside an element — an alias for useClickOutside. Ideal for closing modals, dropdowns, and popovers. |
| useClickOutside | useClickOutside is a React hook that detects mouse and touch clicks outside a referenced element and fires a callback — ideal for modals and dropdowns. |
| useClipboard | useClipboard is a React hook to read from and write to the system clipboard via the Clipboard API, returning the copied text and a copy function. |
| useColorMode | useColorMode is a React hook for reactive color mode (theme) switching, with automatic localStorage persistence, CSS class control, and a cycle helper. |
| useControlled | useControlled is a React hook for components that work as both controlled and uncontrolled — returns a useState-like tuple that mirrors props or internal state. |
| useCookie | useCookie is a React hook to store, update, and delete a browser cookie by key — returns the value plus update and refresh functions, with js-cookie options. |
| useCopyToClipboard | useCopyToClipboard is a React hook to copy text to the clipboard — an alias for useClipboard, returning the copied value and a copy function. |
| useCountDown | useCountDown is a React hook that counts down from a duration in seconds — returns formatted hour, minute, and second strings and fires a callback at zero. |
| useCounter | useCounter is a React hook to manage a numeric counter with inc, dec, set, and reset helpers and optional min and max clamping. |
| useCssVar | useCssVar is a React hook to read and write CSS custom properties (variables) on a DOM element, optionally observing external changes via MutationObserver. |
| useCustomCompareEffect | useCustomCompareEffect is a React useEffect variant that re-runs based on a custom comparator instead of reference equality. |
| useCycleList | useCycleList is a React hook to cycle through a list of items — returns the current item plus next and prev functions with wraparound behavior. |
| useDarkMode | useDarkMode is a React hook for a dark and light mode toggle, with automatic localStorage persistence and prefers-color-scheme system preference syncing. |
| useDebounce | useDebounce is a React hook that returns a debounced copy of a value — updates only after the input stops changing for the given delay. |
| useDebounceFn | useDebounceFn is a React hook that wraps a function with debounce behavior — returns run, cancel, and flush controls, powered by lodash.debounce. |
| useDeepCompareEffect | useDeepCompareEffect is a React useEffect drop-in that deep-compares dependencies instead of reference equality — avoids needless effect runs on equal deps. |
| useDevicePixelRatio | useDevicePixelRatio is a React hook that reactively tracks window.devicePixelRatio, updating on display, zoom level, or monitor changes. |
| useDisclosure | useDisclosure is a React hook for disclosure widgets like modals and dropdowns — manages open and close state with controlled and uncontrolled modes. |
| useDocumentVisibility | useDocumentVisibility is a React hook that reactively tracks page visibility via the Page Visibility API — returns visible or hidden as the user switches tabs. |
| useDoubleClick | useDoubleClick is a React hook that distinguishes single-click from double-click on an element using a configurable latency, with separate handlers. |
| useDraggable | useDraggable is a React hook that makes any HTML or SVG element draggable — tracks pointer, mouse, and touch input, returning x and y position. |
| useDropZone | useDropZone is a React hook that turns an element into a file drop zone — handles drag events and returns an over-zone boolean, with a dropped-files callback. |
| useElementBounding | useElementBounding is a React hook that reactively tracks an element's getBoundingClientRect — x, y, width, height, and edges, updating on scroll and resize. |
| useElementByPoint | useElementByPoint is a React hook that returns the DOM element at given x and y coordinates via elementFromPoint, with interval or rAF polling. |
| useElementSize | useElementSize is a React hook that tracks an element's width and height in real time using the ResizeObserver API, updating whenever the element resizes. |
| useElementVisibility | useElementVisibility is a React hook that returns whether an element is visible within the viewport — built on useIntersectionObserver, with a stop control. |
| useEvent | useEvent is a React hook implementing the useEvent RFC — get an event handler with a stable identity that always calls the latest props and state. |
| useEventEmitter | useEventEmitter is a React hook that creates a lightweight publish and subscribe event system scoped to your component, stable across renders. |
| useEventListener | useEventListener is a React hook to attach a DOM event listener to an element, window, or document with automatic cleanup and an always-current handler. |
| useEventSource | useEventSource is a React hook for Server-Sent Events (SSE) via the EventSource API — subscribe to a real-time server stream with status, data, and controls. |
| useEyeDropper | useEyeDropper is a React hook for the EyeDropper API — let users sample any pixel color on screen, with a support flag and an open function. |
| useFavicon | useFavicon is a React hook to dynamically set the page favicon by updating the document's link rel=icon element — reflect app state in the browser tab. |
| useFetchEventSource | useFetchEventSource is a React hook for Server-Sent Events (SSE) over fetch — subscribe to a stream with POST, custom headers, and request bodies. |
| useFileDialog | useFileDialog is a React hook to open the browser's native file picker programmatically, with no hidden input element — returns selected files, open, and reset. |
| useFirstMountState | useFirstMountState is a React hook that returns true on the initial render and false on every render after — synchronous, with no extra re-render. |
| useFocus | useFocus is a React hook that tracks and controls an element's focus state — returns an isFocused boolean and a setter to focus or blur it. |
| useFps | useFps is a React hook that measures the current frames per second by counting requestAnimationFrame callbacks — useful for performance monitoring. |
| useFullscreen | useFullscreen is a React hook for the Fullscreen API — enter, exit, and toggle fullscreen for any element, with state and a browser support flag. |
| useGeolocation | useGeolocation is a React hook for the Geolocation API — reactively track the user's position with coordinates, a timestamp, error state, and SSR-safe defaults. |
| useHover | useHover is a React hook that returns whether the mouse is hovering over a referenced element, via mouseenter and mouseleave listeners. |
| useIdle | useIdle is a React hook that detects user inactivity via mouse, keyboard, touch, and scroll events, returning a boolean once the user is idle past a timeout. |
| useInfiniteScroll | useInfiniteScroll is a React hook for infinite scrolling — triggers a load-more callback when the user scrolls near a container edge, with throttling. |
| useIntersectionObserver | useIntersectionObserver is a React hook for the Intersection Observer API — observe an element and get entry updates when its viewport intersection changes. |
| useInterval | useInterval is a React hook for a declarative setInterval — pass a callback and a delay (or null to pause), with isActive, pause, and resume controls. |
| useIsomorphicLayoutEffect | useIsomorphicLayoutEffect is a React hook that uses useLayoutEffect in the browser and useEffect on the server — avoids the SSR useLayoutEffect warning. |
| useKeyModifier | useKeyModifier is a React hook that reactively tracks whether a modifier key (Shift, Control, Alt, Meta, CapsLock) is currently pressed. |
| useLatest | useLatest is a React hook that returns a ref to the latest value — access current props or state inside async callbacks without stale closures. |
| useLocalStorage | useLocalStorage is a React hook that binds state to a localStorage key — a useState-like tuple with SSR safety, custom serializers, and cross-tab sync. |
| useLocationSelector | useLocationSelector is a React hook to subscribe to window.location changes and select only the part you need — re-renders only when that value changes. |
| useLongPress | useLongPress is a React hook that detects long-press gestures on any element across mouse and touch, firing a callback after a configurable hold delay. |
| useMap | useMap is a React hook to manage a JavaScript Map in state — exposes set, get, remove, has, clear, and reset methods that trigger re-renders automatically. |
| useMeasure | useMeasure is a React hook that tracks an element's full dimensions (a DOMRect) using the ResizeObserver API — returns the rect and a stop control. |
| useMediaDevices | useMediaDevices is a React hook for the MediaDevices API — enumerate connected cameras, microphones, and speakers, with permission requests. |
| useMediaQuery | useMediaQuery is a React hook that reactively evaluates a CSS media query via matchMedia, returning a boolean that updates when the match state changes. |
| useMergedRefs | useMergedRefs is a React hook that merges multiple refs into a single callback ref — attach more than one ref to the same DOM node with a stable ref. |
| useMicrophone | useMicrophone is a React hook for the microphone — open a stream, read a real-time audio level, and record audio to a Blob with MediaRecorder. |
| useMobileLandscape | useMobileLandscape is a React hook that returns true when the device is a mobile in landscape orientation, updating reactively on rotation. |
| useMount | useMount is a React lifecycle hook that runs a callback exactly once after the component mounts — a clear alternative to useEffect with empty deps. |
| useMountedState | useMountedState is a React hook that returns a function to check whether the component is still mounted — guard against state updates after unmount. |
| useMouse | useMouse is a React hook that tracks the mouse cursor position across screen, viewport, page, and element coordinate systems, updating in real time. |
| useMousePressed | useMousePressed is a React hook that tracks whether the mouse or touch is currently pressed on a target element, with the input source type. |
| useMutationObserver | useMutationObserver is a React hook for the MutationObserver API — watch for DOM changes in an element's subtree and receive MutationRecord updates. |
| useNetwork | useNetwork is a React hook that tracks the browser's network connection — online status, effective type, downlink, RTT, and save-data, updating reactively. |
| useObjectUrl | useObjectUrl is a React hook that creates an object URL for a File, Blob, or MediaSource and automatically calls revokeObjectURL to prevent memory leaks. |
| useOnceEffect | useOnceEffect is a React useEffect variant that runs the effect only once, even under React 18 Strict Mode's double-invocation in development. |
| useOnceLayoutEffect | useOnceLayoutEffect is a React useLayoutEffect variant that runs only once, even under React 18 Strict Mode's double-invocation — synchronous before paint. |
| useOnline | useOnline is a React hook that returns a boolean for whether the browser is currently online, updating via the window online and offline events. |
| useOrientation | useOrientation is a React hook for the Screen Orientation API — track the device orientation angle and type, with lock and unlock controls. |
| usePageLeave | usePageLeave is a React hook that detects when the mouse cursor leaves the page viewport — commonly used to trigger exit-intent actions. |
| usePermission | usePermission is a React hook for the Permissions API — reactively query and track the status (granted, denied, prompt) of a browser permission. |
| usePlatform | usePlatform is a React hook that detects the user's device platform (iOS, Android) from the user agent, with WeChat and mini-program helpers and SSR support. |
| usePreferredColorScheme | usePreferredColorScheme is a React hook that reactively tracks the system color scheme preference — returns dark, light, or no-preference. |
| usePreferredContrast | usePreferredContrast is a React hook that reactively tracks the system contrast preference — returns more, less, custom, or no-preference. |
| usePreferredDark | usePreferredDark is a React hook that returns a boolean for whether the user prefers a dark color scheme, updating when system dark mode is toggled. |
| usePreferredLanguages | usePreferredLanguages is a React hook that reactively tracks navigator.languages, returning the user's preferred language tags as they change. |
| usePrevious | usePrevious is a React hook that returns a value from the previous render — useful for comparing the current and prior state or props. |
| useQRCode | useQRCode is a React hook that generates a QR code data URL from a string — reactively regenerates on input change, with error state. |
| useRafFn | useRafFn is a React hook that runs a callback on every requestAnimationFrame tick with a timestamp, plus stop, start, and isActive controls. |
| useRafState | useRafState is a React hook with the same API as useState that defers updates to the next animation frame — batches high-frequency changes. |
| useReducedMotion | useReducedMotion is a React hook that returns whether the user has requested reduced motion — use it to disable or simplify animations. |
| useResizeObserver | useResizeObserver is a React hook for the ResizeObserver API — watch an element for size changes and receive entry updates, with box-model options. |
| useScratch | useScratch is a React hook that tracks scratch and drag gestures on an element across mouse and touch — returns position, deltas, and timing. |
| useScreenSafeArea | useScreenSafeArea is a React hook that reads CSS env(safe-area-inset-*) values — get the safe area insets for devices with notches or system bars. |
| useScriptTag | useScriptTag is a React hook that dynamically injects a script tag and manages its lifecycle — returns load status plus load and unload controls. |
| useScroll | useScroll is a React hook that reactively tracks an element or window's scroll position and state — x, y, isScrolling, arrived edges, and direction. |
| useScrollIntoView | useScrollIntoView is a React hook for smooth animated scrolling to a target element ref — like Element.scrollIntoView but with axis, duration, and easing control. |
| useScrollLock | useScrollLock is a React hook that locks scrolling on an element while preserving scroll inside nested containers — ideal for modals and overlays. |
| useSessionStorage | useSessionStorage is a React hook that binds state to a sessionStorage key — a useState-like tuple with SSR safety, custom serializers, and cross-tab sync. |
| useSetState | useSetState is a React hook that returns a useState tuple where the setter merges a partial object into state — like this.setState in class components. |
| useSpeechRecognition | useSpeechRecognition is a React hook for the Web Speech API — real-time speech-to-text with language options, interim results, and start/stop controls. |
| useSticky | useSticky is a React hook that detects when an element scrolls past a threshold and should become sticky — returns an isSticky state with offset and axis config. |
| useSupported | useSupported is a React hook for browser feature detection — runs a check after mount and returns a boolean, safely returning false during SSR. |
| useTextDirection | useTextDirection is a React hook that reads and updates the dir attribute on an element — control ltr and rtl text direction for right-to-left layouts. |
| useTextSelection | useTextSelection is a React hook that reactively tracks the user's text selection via the selectionchange event — returns the current Selection object, or null. |
| useThrottle | useThrottle is a React hook that returns a throttled copy of a value — updates at most once per interval for a steady stream of changes. |
| useThrottleFn | useThrottleFn is a React hook that wraps a function with throttle behavior — runs at most once per interval, with run, cancel, and flush controls. |
| useTimeout | useTimeout is a React hook that provides a pending state which flips to false after a delay — returns isPending plus start and cancel controls. |
| useTimeoutFn | useTimeoutFn is a React hook that wraps setTimeout with a React-friendly API — runs a callback after a delay, with isPending, start, and cancel controls. |
| useTitle | useTitle is a React hook that sets document.title reactively — keep the browser tab title in sync with component state, with no head library needed. |
| useToggle | useToggle is a React hook to manage a boolean state with a toggle function — flip the value with no arguments or set it directly with true or false. |
| useUnmount | useUnmount is a React lifecycle hook that runs a cleanup function once when the component unmounts, with access to the latest props and state. |
| useUpdate | useUpdate is a React hook that returns a stable function to force a component re-render when called — useful for imperative refresh scenarios. |
| useUpdateEffect | useUpdateEffect is a React useEffect variant that skips the initial mount run — the effect fires only on subsequent dependency changes. |
| useUpdateLayoutEffect | useUpdateLayoutEffect is a React useLayoutEffect variant that skips the initial mount run — fires synchronously after DOM mutations on later changes. |
| useWakeLock | useWakeLock is a React hook for the Screen Wake Lock API — prevent the device screen from dimming or locking while your app is active. |
| useWebNotification | useWebNotification is a React hook for the Notifications API — configure and display desktop notifications, with permission handling and event callbacks. |
| useWindowFocus | useWindowFocus is a React hook that reactively tracks whether the browser window has focus, updating via the window focus and blur events. |
| useWindowScroll | useWindowScroll is a React hook that returns the browser window's current x and y scroll position as reactive state, updating on every scroll. |
| useWindowSize | useWindowSize is a React hook that reactively tracks the browser window's inner width and height, updating automatically whenever the window is resized. |
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/childrentime/reactuse'
If you have feedback or need assistance with the MCP directory API, please join our Discord server