mcpField
A
angular-best-practices-tanstack

angular-best-practices-tanstack

github.com/alfredoperez开发36227 次安装31 周前更新
代码仓库

关于 angular-best-practices-tanstack

面向 Angular 项目的 TanStack Query 实践扩展技能,侧重服务端状态获取、变更操作、查询键组织、缓存与失效处理。

主要功能

  1. 01区分服务端状态与客户端状态
  2. 02使用查询键工厂
  3. 03通过 injectQuery 获取数据
  4. 04处理变更操作与缓存失效

适用场景

  1. 01在 Angular 应用中获取 API 数据
  2. 02统一不同功能的查询键结构
  3. 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 QueryMEDIUM服务端状态(API)与客户端状态(signals)的区别
使用查询键工厂MEDIUM采用一致的键结构,以便进行分层失效

安装

从 skills.sh/alfredoperez/angular-best-practices 安装:

评论

支持 Markdown