关于 angular-best-practices-tanstack
面向 Angular 项目的 TanStack Query 实践扩展技能,侧重服务端状态获取、变更操作、查询键组织、缓存与失效处理。
主要功能
- 01区分服务端状态与客户端状态
- 02使用查询键工厂
- 03通过 injectQuery 获取数据
- 04处理变更操作与缓存失效
适用场景
- 01在 Angular 应用中获取 API 数据
- 02统一不同功能的查询键结构
- 03变更后刷新缓存数据
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ alfredoperez/ angular-best-practices --skill angular-best-practices-tanstack安装后在 Claude Code 中输入/angular-best-practices-tanstack确认已加载。
附带文件AGENTS.md
详细介绍
Angular TanStack Query 最佳实践
TanStack Query 规则,用于管理服务端状态,提供自动缓存、去重和后台重新获取功能。与核心 angular-best-practices 技能搭配使用,可全面覆盖 Angular。
链接
适用场景
- 使用
injectQuery从 API 获取数据 - 执行变更操作并使缓存失效
- 构建查询键,以便进行分层失效
规则
| 规则 | 影响 | 描述 |
|---|---|---|
| 了解何时使用 TanStack Query | MEDIUM | 服务端状态(API)与客户端状态(signals)的区别 |
| 使用查询键工厂 | MEDIUM | 采用一致的键结构,以便进行分层失效 |
安装
评论
支持 Markdown