# @umijs/hooks

> react hooks library

Latest version **1.9.3** (published 2020-05-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install @umijs/hooks
pnpm add @umijs/hooks
yarn add @umijs/hooks
bun add @umijs/hooks
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; popular repo.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.9.3 |
| Published | 2020-05-31 |
| First published | 2019-06-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=8.0.0 |
| Dependencies | 5 |
| Unpacked size | 636.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 14973 |
| Maintainers | ariel-cheng, chenshuai2144, fan576679268, kuitos, litou.cjs, peachscript, sorrycc, tli4, wtzeng, xiaohuoni, ycjcl868, yutingzhao1991, zinkey, zombiej |
| Keywords | umi hooks, react hooks |

## Links

- npm: https://www.npmjs.com/package/@umijs/hooks
- Repository: https://github.com/umijs/hooks
- Issues: https://github.com/umijs/hooks/issues
- npm.io page: https://npm.io/package/@umijs/hooks

## Dependencies (5)

- [screenfull](https://npm.io/package/screenfull.md) ^5.0.0
- [lodash.isequal](https://npm.io/package/lodash.isequal.md) ^4.5.0
- [@umijs/use-request](https://npm.io/package/@umijs/use-request.md) ^1.4.3
- [intersection-observer](https://npm.io/package/intersection-observer.md) ^0.7.0
- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1

## Recent versions

- 1.9.3 (latest) — 2020-05-31
- 1.9.4-beta (beta) — 2020-06-02
- 1.9.2 — 2020-04-20
- 1.9.1 — 2020-04-15
- 1.9.0 — 2020-04-05
- 1.8.1 — 2020-03-30
- 1.8.0 — 2020-03-17
- 1.7.1 — 2020-03-12
- 1.7.1-beta.1 — 2020-03-10
- 1.7.0 — 2020-03-03
- 1.6.2 — 2020-02-20
- 1.6.1 — 2020-02-16
- 1.6.0 — 2020-02-09
- 1.6.0-beta.1 — 2020-02-08
- 1.5.4 — 2020-01-23
- … 33 more at https://npm.io/package/@umijs/hooks/versions

## README

<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]
[![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)

</div>

## 📚 Documentation

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

> 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

- 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 git@github.com: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:

<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

<img alt="ahooks discussion group 1" draggable="false" src="https://github.com/user-attachments/assets/dda464be-26cf-4c83-8fee-16862fb916cb" width="200" style='display:inline' />
<img alt="ahooks discussion group 2" draggable="false" src="https://github.com/user-attachments/assets/c804a026-3b07-4a20-ad7e-83cf2f86bc9a" width="200" style='display:inline' />
<img alt="ahooks discussion group 3" draggable="false" src="https://github.com/user-attachments/assets/52ac8ef8-6506-4540-a17d-823ae4371b88" 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

---
_Source: https://npm.io/package/@umijs/hooks · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._