前端开发
在 React 项目中落地…
当项目已引入 @hairy/react-lib(v1.47.0)并需要用它的 hooks/组件实现异步、监听、生命周期、条件渲染、容错、事件总线、分页或请求拦截时使用。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 38/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
在 React 项目中落地 @hairy特定
解决思路
- 需要异步状态管理与回调处理时,查阅 references/core-async-hooks.md,按其 async hooks API 实现。
- 需要监听响应式值变化并做变更检测时,查阅 references/core-watch-hooks.md,用其 watch hooks 实现。
- 需要处理组件生命周期与挂载相关逻辑时,查阅 references/core-lifecycle-hooks.md,用其 lifecycle hooks 实现。
- 需要做条件渲染时,查阅 references/core-conditional.md,改用 If/Else、Switch/Case 组件替代手写三元/逻辑与渲染。
- 需要让 hook 具备错误安全与回退行为时,查阅 references/core-try-hooks.md,用其 try hooks 包裹并在失败时走 fallback。
- 需要跨组件事件通信时,查阅 references/advanced-event-bus.md,用其 event bus 实现解耦的发布/订阅。
- 需要基于偏移量的分页时,查阅 references/advanced-pagination.md,用其 pagination hook 管理页码与数据加载。
- 需要拦截请求/响应时,查阅 references/advanced-fetch-intercept.md,用其 fetch intercept 工具在请求发出前后插入处理逻辑。
适用边界 · 注意事项
- 项目未安装 @hairy/react-lib,或版本并非 v1.47.0(行为可能不一致)。
- 项目不是 React 技术栈,或已有成熟的状态/请求/事件方案,引入该库只会增加依赖。
- 只是需要极简单的条件渲染或生命周期逻辑,用 React 原生能力即可,无需为此引入额外库。