Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/alibaba/hooks

A high-quality & reliable React Hooks library.
https://github.com/alibaba/hooks

ahooks hooks-library react react-hooks umi-hooks

Last synced: 4 months ago
JSON representation

A high-quality & reliable React Hooks library.

Lists

README 

        


  

    

  







A high-quality & reliable React Hooks library.



[![NPM version][image-1]][1]

[![NPM downloads][image-2]][2]

[![npm](https://img.shields.io/npm/dw/ahooks-v2?label=downloads%28v2%29)](https://www.npmjs.com/package/ahooks-v2)

[![npm](https://img.shields.io/github/issues/alibaba/hooks)](https://github.com/alibaba/hooks/issues)

[![Coverage Status](https://coveralls.io/repos/github/alibaba/hooks/badge.svg?branch=master)](https://coveralls.io/github/alibaba/hooks?branch=master)

![gzip size](https://img.badgesize.io/https:/unpkg.com/ahooks/dist/ahooks.js?label=gzip%20size&compression=gzip)

[![Percentage of issues still open](http://isitmaintained.com/badge/open/alibaba/hooks.svg)](http://isitmaintained.com/project/alibaba/hooks 'Percentage of issues still open')

[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/alibaba/hooks.svg)](http://isitmaintained.com/project/alibaba/hooks 'Average time to resolve an issue')

![GitHub](https://img.shields.io/github/license/alibaba/hooks)



English | [简体中文](https://github.com/alibaba/hooks/blob/master/README.zh-CN.md)






## 📚 Documentation



- [English](https://ahooks.js.org/)

- [中文](https://ahooks.js.org/zh-CN/)



## ✨ Features



- 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



```bash

$ npm install --save ahooks

# or

$ yarn add ahooks

# or

$ pnpm add ahooks

# or

$ bun add ahooks

```



## 🔨 Usage



```ts

import { useRequest } from 'ahooks';

```



## 💻 Online Demo



[![Edit demo for ahooks](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/demo-for-ahooks-forked-fg79k?file=/src/App.js)



## 🤝 Contributing



```bash

$ 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](https://github.com/alibaba/hooks/blob/master/CONTRIBUTING.MD) first, let's build a better hooks library together.



Thanks to all the contributors:





  contributors




## 👥 Discuss






[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