跳到主要内容

ReactUse: 100+ Production-Ready React Hooks You Need to Know

· 阅读需 2 分钟
ReactUse Team

Building modern React applications requires handling countless browser APIs, state management patterns, and DOM interactions. ReactUse provides 100+ carefully crafted hooks that eliminate boilerplate and let you focus on building features.

Why ReactUse?​

If you've used VueUse in the Vue ecosystem, ReactUse brings the same philosophy to React: a comprehensive, well-typed, tree-shakable collection of utility hooks.

What Makes ReactUse Different?​

  • 100+ hooks — the most comprehensive React hooks collection available
  • TypeScript-first — every hook has full type definitions
  • Tree-shakable — import only what you need, zero bundle bloat
  • SSR-compatible — works seamlessly with Next.js, Remix, and other frameworks
  • Interactive docs — every hook has a live, editable demo at reactuse.com
  • MCP Support — AI-powered hook discovery for modern development workflows

Hook Categories​

Browser Hooks (48): Everything from clipboard access to geolocation, media queries to web notifications.

import { useClipboard, useDarkMode, useGeolocation } from "@reactuses/core";

State Hooks (24): LocalStorage persistence, debouncing, throttling, toggles, and more.

import { useLocalStorage, useDebounce, useToggle } from "@reactuses/core";

Element Hooks (19): Size measurement, intersection observation, drag & drop, scroll tracking.

import { useElementSize, useIntersectionObserver, useDraggable } from "@reactuses/core";

Effect Hooks (20): Event listeners, timers, lifecycle hooks, and async effects.

import { useEventListener, useInterval, useAsyncEffect } from "@reactuses/core";

Quick Start​

Install with your favorite package manager:

npm i @reactuses/core

Use any hook immediately:

import { useToggle } from "@reactuses/core";

function App() {
  const [on, toggle] = useToggle(true);
  return (
    <button onClick={toggle}>
      {on ? "ON" : "OFF"}
    </button>
  );
}

Used in Production​

ReactUse is trusted by major companies including Shopee, PDD (Pinduoduo), Ctrip, and Bambu Lab.

Get Started​

We'd love your feedback — star us on GitHub and join the community!