icode-hooks

React 业务 Hooks 库，使用 TypeScript 构建，提供完善的类型定义。

安装

pnpm add icode-hooks
# 或
npm install icode-hooks
# 或
yarn add icode-hooks

需要 React 16.8+（peer dependency）。

使用

import { useBoolean, useRequest } from 'icode-hooks';

function Demo() {
  const [state, { toggle }] = useBoolean(false);

  const { data, loading } = useRequest(() =>
    fetch('/api/user').then((res) => res.json()),
  );

  return (
    <button onClick={toggle}>
      {loading ? 'Loading...' : data?.name ?? 'Click'}
    </button>
  );
}

导出

| Hook | 说明 | |------|------| | useBoolean | 布尔值状态管理 | | useToggle | 两值切换 | | useLatest | 获取最新值引用 | | useMemoizedFn | 持久化函数引用 | | useUpdate | 强制组件更新 | | useUpdateEffect | 跳过首次执行的 useEffect | | useCreation | 保证只创建一次的工厂函数 | | useRequest | 异步请求管理 | | usePrescription | 处方相关业务 Hook |

CDN

通过 unpkg 引入 UMD 构建（需自行引入 React）：

<script src="https://unpkg.com/[email protected]/dist/icode-hooks.js"></script>

文档

完整文档与 Demo 见 GitHub 仓库。

License

MIT