hooks README

The project's README from github.com/alibaba/hooks. As one markdown file: README.md.

A high-quality & reliable React Hooks library.

NPM version NPM downloads npm npm Coverage Status gzip size Percentage of issues still open Average time to resolve an issue GitHub

English | 简体中文

📚 Documentation

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

📦 Install

$ npm install --save ahooks
# or
$ yarn add ahooks
# or
$ pnpm add ahooks
# or
$ bun add ahooks

🔨 Usage

import { useRequest } from "ahooks";

💻 Online Demo

Edit demo for ahooks

🤝 Contributing

$ 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:

contributors

👥 Discuss

ahooks discussion group 1 ahooks discussion group 2 ahooks discussion group 3

hooks (alibaba/hooks)

Searching Database…

15K ·GitHub
这是做什么用的?这是 ahooks,一套来自阿里巴巴的高质量、可靠的 React Hooks 库,打包了大量开箱即用的 hooks,方便日常 React 开发直接使用。
它是用来搭建应用的整体框架,还是加到现有项目里的库?是一个库,不是框架:你把它作为 npm 包安装到现有的 React 应用里,只导入需要用到的 hooks。
怎么把它加到我的项目里?从 npm 安装 ahooks 包(npm install ahooks),然后在你的组件里导入 hooks。完整的文档和在线演示都在 alibaba.github.io/hooks。
安装或升级时有什么需要注意的地方?有一个命名上的坑:use-url-state 已经从主包中拆分出来,现在以 @ahooks.js/use-url-state 这个名字单独发布,安装或升级它时要用这个包名。
ahooks 到底是什么?它是这个库在 npm 上的包名——用 ahooks 安装即可。从主包拆分出来的部分会在 @ahooks.js 这个 scope 下发布,比如 @ahooks.js/use-url-state。
这些 hooks 在 React StrictMode 下能正常运行吗?这个仓库的测试套件会在 React 严格模式(REACT_MODE=strict)下运行所有包,所以严格模式下的行为属于常规测试覆盖范围。
不安装任何东西可以先试用这些 hooks 吗?可以——README 里提供了在线演示的链接,文档网站 alibaba.github.io/hooks 也让你在决定采用之前先浏览各个 hooks 及其用法。
作者们为什么不直接用现成的 hook 集合,而是自己做一个?它的高级 hooks 是从团队自己的业务场景中打磨出来的,这个项目诞生于 umi 生态,最初的名字是 umi-hooks。
Creator
alibaba
Size
12.9 MB
Stars
15K
Age
7y
Commits · 90 Days