streamich/react-use

react-use is a large collection of ready-made React Hooks, reusable pieces of logic that you can drop into any React component to add common functionality without having to write it from scratch. React Hooks, introduced in React 16.8, are special functions that let you "hook into" React's state and lifecycle features inside functional components. react-use provides over 100 of them, organized into several categories. The problem it solves is that many web UI behaviors, detecting window size changes, checking network status, playing audio, responding to keyboard events, reading the device battery level, tracking mouse position, running animations, managing async operations, all require the same boilerplate code over and over across different projects. react-use packages that logic into individual, named hooks you just import and call. For example, useWindowSize returns the current width and height of the browser window, automatically updating your component whenever the window is resized. useLocalStorage gives you a React state variable that is automatically persisted to the browser's local storage. useAsync handles the loading/error/result lifecycle of any asynchronous operation like an API call. useKeyPress tells you whether a specific keyboard key is currently held down. All of them follow React's hook rules and integrate cleanly with existing components. The hooks are grouped into five practical categories: Sensors (device and browser state like mouse, scroll, screen orientation, battery), UI (audio, video, fullscreen, drag-and-drop), Animations (intervals, timeouts, spring physics), Side-effects (async operations, clipboard, local storage, cookies, event listeners), and State (managing toggles, counters, sets, maps, undo history). You'd reach for react-use any time you're building a React application and need one of these common utilities, rather than implementing them yourself or pulling in multiple smaller libraries. It is written in TypeScript, ships full type definitions, and is installed as a single npm package.