What is this?
useHooks is a collection of modern, server-safe React hooks maintained by the ui.dev team, covering common needs like debouncing, local storage, media queries, and geolocation.
useHooks is a collection of modern, server-safe React hooks maintained by the ui.dev team, covering common needs like debouncing, local storage, media queries, and geolocation.Is this a framework or just a set of utility functions?It's a lightweight utility library of standalone React hooks, not a framework — you import only the hooks you need.
It's a lightweight utility library of standalone React hooks, not a framework — you import only the hooks you need.How do I add it to my project?Install the standard package with npm, then import whichever hooks you need directly from it.
Install the standard package with npm, then import whichever hooks you need directly from it.What React version do I need?It requires React v18.0.0 or later; the experimental build additionally needs the experimental React and React DOM releases.
It requires React v18.0.0 or later; the experimental build additionally needs the experimental React and React DOM releases.What's the catch with the experimental hooks?Experimental hooks like useFetch, useInterval, and useEventListener require installing the @uidotdev/usehooks@experimental tag along with React's experimental channel, which is less stable than the standard release.
Experimental hooks like useFetch, useInterval, and useEventListener require installing the @uidotdev/usehooks@experimental tag along with React's experimental channel, which is less stable than the standard release.What does 'server-safe' mean for these hooks?It means the hooks are written to avoid errors during server-side rendering, so they work safely in frameworks like Next.js where components can render on the server before hydration.
It means the hooks are written to avoid errors during server-side rendering, so they work safely in frameworks like Next.js where components can render on the server before hydration.How many hooks does the standard package include?Around 37 standard hooks are listed, covering things like useBattery, useDebounce, useLocalStorage, useMediaQuery, useIntersectionObserver, and useWindowSize.
Around 37 standard hooks are listed, covering things like useBattery, useDebounce, useLocalStorage, useMediaQuery, useIntersectionObserver, and useWindowSize.What kinds of problems do the experimental hooks solve?They add extras like data fetching (useFetch), timers (useInterval, useTimeout, useCountdown), and event handling (useEventListener, useKeyPress) that aren't in the stable set yet.
They add extras like data fetching (useFetch), timers (useInterval, useTimeout, useCountdown), and event handling (useEventListener, useKeyPress) that aren't in the stable set yet.What are similar projects?nuqs, hooks, astro, react-i18next, react-dropzone, react-hook-form, tailwind-nextjs-starter-blog, styled-components
nuqs, hooks, astro, react-i18next, react-dropzone, react-hook-form, tailwind-nextjs-starter-blog, styled-componentsWhich topics is it in?react-hooks, astro, mdx, blog, vercel, hooks, ssr, frontend-framework, reactjs, javascript-library, react, npm
react-hooks, astro, mdx, blog, vercel, hooks, ssr, frontend-framework, reactjs, javascript-library, react, npm