关于 hairy-react-lib
hairy-react-lib 是用于构建 React 应用的 Hook 和组件集合,涵盖异步状态、生命周期与变更监听、条件渲染,以及事件总线和分页等工具。
主要功能
- 01异步状态与回调 Hook
- 02值监听与生命周期 Hook
- 03条件渲染组件
- 04带回退行为的安全 Hook
- 05事件总线、分页与请求拦截
适用场景
- 01管理 React 异步状态
- 02按条件渲染组件
- 03在组件间传递事件
- 04添加分页或请求拦截
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ hairyf/ skills --skill hairy-react-lib安装后在 Claude Code 中输入/hairy-react-lib确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
LICENSE.mdSYNC.mdreferences/advanced-event-bus.mdadvanced-fetch-intercept.mdadvanced-pagination.mdcore-async-hooks.mdcore-conditional.mdcore-lifecycle-hooks.mdcore-try-hooks.mdcore-watch-hooks.md详细介绍
基于 @hairy/react-lib v1.47.0。专注于用于构建 React 应用的 React hooks 和组件。
核心参考
| 主题 | 描述 | 参考 |
|---|---|---|
| 异步 Hooks | 异步状态管理与回调处理 | core-async-hooks |
| 监听 Hooks | 响应式值监听与变更检测 | core-watch-hooks |
| 生命周期 Hooks | 组件生命周期与挂载工具 | core-lifecycle-hooks |
| 条件组件 | 用于条件渲染的 If/Else、Switch/Case 组件 | core-conditional |
| Try Hooks | 带降级行为的错误安全 React hooks | core-try-hooks |
高级功能
| 主题 | 描述 | 参考 |
|---|---|---|
| 事件总线 | 跨组件事件通信 | advanced-event-bus |
| 分页 | 基于偏移量的分页 hook | advanced-pagination |
| 请求拦截 | 请求/响应拦截工具 | advanced-fetch-intercept |
评论
支持 Markdown