What is this?
This is ahooks, a high-quality and reliable React Hooks library from Alibaba, bundling a large set of ready-made hooks for everyday React development.
This is ahooks, a high-quality and reliable React Hooks library from Alibaba, bundling a large set of ready-made hooks for everyday React development.Is this a framework I build an app on, or a library I add to an existing project?A library, not a framework: you install it as an npm package into an existing React app and import only the hooks you need.
A library, not a framework: you install it as an npm package into an existing React app and import only the hooks you need.How do I add it to my project?Install the ahooks package from npm (npm install ahooks) and import hooks in your components. Full docs and an online demo live at alibaba.github.io/hooks.
Install the ahooks package from npm (npm install ahooks) and import hooks in your components. Full docs and an online demo live at alibaba.github.io/hooks.Anything to watch out for when installing or upgrading?One naming gotcha: use-url-state has been split out of the main package and is now published as @ahooks.js/use-url-state, so use that name when installing or upgrading it.
One naming gotcha: use-url-state has been split out of the main package and is now published as @ahooks.js/use-url-state, so use that name when installing or upgrading it.What is ahooks, exactly?It is the npm name of this library — install it as ahooks. Pieces split out of the main package publish under the @ahooks.js scope, like @ahooks.js/use-url-state.
It is the npm name of this library — install it as ahooks. Pieces split out of the main package publish under the @ahooks.js scope, like @ahooks.js/use-url-state.Do the hooks behave correctly in React StrictMode?The repo's test suite runs all packages in React strict mode (REACT_MODE=strict), so strict-mode behavior is part of regular test coverage.
The repo's test suite runs all packages in React strict mode (REACT_MODE=strict), so strict-mode behavior is part of regular test coverage.Can I try the hooks without installing anything?Yes — the README links an online demo, and the documentation site at alibaba.github.io/hooks lets you browse hooks and usage before committing.
Yes — the README links an online demo, and the documentation site at alibaba.github.io/hooks lets you browse hooks and usage before committing.Why did the authors build this instead of using existing hook collections?Its advanced hooks were refined from the team's own business scenarios, and the project grew out of the umi ecosystem, where it was originally known as umi-hooks.
Its advanced hooks were refined from the team's own business scenarios, and the project grew out of the umi ecosystem, where it was originally known as umi-hooks.What are similar projects?nuqs, usehooks, styled-components, react-i18next, zustand, Recoil, chakra-ui, react-hook-form
nuqs, usehooks, styled-components, react-i18next, zustand, Recoil, chakra-ui, react-hook-formWhich topics is it in?react-hooks, alibaba, hooks, ssr, reactjs, javascript-library, utility, ui, web-development, react, free, npm
react-hooks, alibaba, hooks, ssr, reactjs, javascript-library, utility, ui, web-development, react, free, npm