mcpField
H
hairy-react-lib

hairy-react-lib

github.com/hairyf开发26749 次安装2 周前更新
代码仓库

关于 hairy-react-lib

hairy-react-lib 是用于构建 React 应用的 Hook 和组件集合,涵盖异步状态、生命周期与变更监听、条件渲染,以及事件总线和分页等工具。

主要功能

  1. 01异步状态与回调 Hook
  2. 02值监听与生命周期 Hook
  3. 03条件渲染组件
  4. 04带回退行为的安全 Hook
  5. 05事件总线、分页与请求拦截

适用场景

  1. 01管理 React 异步状态
  2. 02按条件渲染组件
  3. 03在组件间传递事件
  4. 04添加分页或请求拦截

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/hairyf/skills --skill hairy-react-lib

安装后在 Claude Code 中输入/hairy-react-lib确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

LICENSE.md
SYNC.md
references/
advanced-event-bus.md
advanced-fetch-intercept.md
advanced-pagination.md
core-async-hooks.md
core-conditional.md
core-lifecycle-hooks.md
core-try-hooks.md
core-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 hookscore-try-hooks

高级功能

主题描述参考
事件总线跨组件事件通信advanced-event-bus
分页基于偏移量的分页 hookadvanced-pagination
请求拦截请求/响应拦截工具advanced-fetch-intercept

评论

支持 Markdown