Repository: alibaba/hooks

Stars: 14938

CLAUDE.md Copy Chapter

@AGENTS.md

README.md Copy Chapter

<p align="center">
<a href="https://ahooks.js.org">
<img width="200" src="https://ahooks.js.org/logo.svg">
</a>
</p>

<div align="center">

A high-quality & reliable React Hooks library.

[![NPM version][image-1]][1]
[![NPM downloads][image-2]][2]
!gzip size
!GitHub

English | 简体中文

</div>

📚 Documentation Copy Chapter

- English
- 中文

Notice

> use-url-state is now published as @ahooks.js/use-url-state.

> If you are installing or upgrading this package, please use the new package name.

✨ Features Copy Chapter

- Easy to learn and use
- Supports SSR
- Special treatment for functions, avoid closure problems
- Contains a large number of advanced Hooks that are refined from business scenarios
- Contains a comprehensive collection of basic Hooks
- Written in TypeScript with predictable static types

📦 Install Copy Chapter

$ npm install --save ahooks
or

$ yarn add ahooks
or

$ pnpm add ahooks
or

$ bun add ahooks

🔨 Usage Copy Chapter

import { useRequest } from "ahooks";

💻 Online Demo Copy Chapter


🤝 Contributing Copy Chapter

$ git clone [email protected]:alibaba/hooks.git
$ cd hooks
$ pnpm run init
$ pnpm start

Open your browser and visit http://127.0.0.1:8000

We welcome all contributions, please read our CONTRIBUTING.MD first, let's build a better hooks library together.

Thanks to all the contributors:

<a href="https://github.com/alibaba/hooks/graphs/contributors">
<img src="https://opencollective.com/ahooks/contributors.svg?width=960&button=false" alt="contributors" />
</a>

👥 Discuss Copy Chapter

<img alt="ahooks discussion group 1" src="https://github.com/user-attachments/assets/0ba7a370-2a69-442f-b746-9eb16bbbc46c" width="200" style='display:inline' />
<img alt="ahooks discussion group 2" src="https://github.com/user-attachments/assets/a08693d3-bfcc-4aca-b2b0-2d9c23012858" width="200" style='display:inline' />
<img alt="ahooks discussion group 3" src="https://github.com/user-attachments/assets/15a505a7-06d1-4e72-ab02-6fad968323f1" width="200" style='display:inline' />

[1]: https://www.npmjs.com/package/ahooks
[2]: https://npmjs.org/package/ahooks
[image-1]: https://img.shields.io/npm/v/ahooks.svg?style=flat
[image-2]: https://img.shields.io/npm/dw/ahooks.svg?style=flat