AgentSkillsCN

tanstack-appoperation-requests

通过AppOperation与TanStack Query，统一并规范API请求的定义与调用方式。在React Native/Expo项目中，当用户提及appOperation、QUERY_KEYS、来自本套件的api.ts，或希望新增与后端通信的API调用、钩子或页面时使用此功能。

SKILL.md
--- frontmatter
name: tanstack-appoperation-requests
description: Standardize how API requests are defined and consumed via AppOperation together with TanStack Query. Use in React Native/Expo projects when the user mentions appOperation, QUERY_KEYS, api.ts from this kit, or wants to add new API calls, hooks, or screens that talk to the backend.

TanStack Query + AppOperation Requests (Kit)

This skill is the portable version of the pattern:

  • •Central AppOperation class (src/AppOperation.ts).
  • •QUERY_KEYS object (as const) + Requests map + requests object (src/api.ts).
  • •appOperation.getRequest as the only HTTP entry point.
  • •TanStack Query hooks using appOperation in queryFn / mutationFn.
  • •A single showToast(type, message) handler passed to AppOperation (and optionally overridden via setToastHandler) so all success/error toasts are handled in one place; individual calls can pass suppressToast: true when they must be silent.

Use this whenever editing projects that consume tanstack-appoperation-kit.

For full instructions and examples, see the main README.