React용 TanStack Query v5 서버 상태 관리. 쿼리/변형 패턴, v4에서 v5로의 마이그레이션(객체 구문, gcTime, isPending, keepPreviousData), useMutationState를 통한 낙관적 업데이트, HydrationBoundary를 사용한 SSR/하이드레이션, 무한 쿼리, 오프라인/PWA 지원, throwOnError를 사용한 오류 경계 및 React 19 Suspense 통합을 다룹니다. 데이터 가져오기 구축, 마이그레이션 오류 수정, 수화 불일치 디버깅, 캐싱 전략 구현 또는 변형 구성 시 사용합니다.
명령줄에서 tanstack-query AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
TanStack Query is an async state manager, not a data fetching library. You provide a queryFn that returns a Promise; React Query handles caching, deduplication, background updates, and stale data management.
When to use: Infinite scrolling, offline-first apps, auto-refetching on focus/reconnect, complex cache invalidation, React Native, hybrid server/client apps.
When NOT to use: Purely synchronous state (useState/Zustand), normalized GraphQL caching (Apollo/urql), server-components-only apps (native fetch), simple fetch-and-display (server components).
React용 TanStack Query v5 서버 상태 관리. 쿼리/변형 패턴, v4에서 v5로의 마이그레이션(객체 구문, gcTime, isPending, keepPreviousData), useMutationState를 통한 낙관적 업데이트, HydrationBoundary를 사용한 SSR/하이드레이션, 무한 쿼리, 오프라인/PWA 지원, throwOnError를 사용한 오류 경계 및 React 19 Suspense 통합을 다룹니다. 데이터 가져오기 구축, 마이그레이션 오류 수정, 수화 불일치 디버깅, 캐싱 전략 구현 또는 변형 구성 시 사용합니다. 출처: oakoss/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-queryReact용 TanStack Query v5 서버 상태 관리. 쿼리/변형 패턴, v4에서 v5로의 마이그레이션(객체 구문, gcTime, isPending, keepPreviousData), useMutationState를 통한 낙관적 업데이트, HydrationBoundary를 사용한 SSR/하이드레이션, 무한 쿼리, 오프라인/PWA 지원, throwOnError를 사용한 오류 경계 및 React 19 Suspense 통합을 다룹니다. 데이터 가져오기 구축, 마이그레이션 오류 수정, 수화 불일치 디버깅, 캐싱 전략 구현 또는 변형 구성 시 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill tanstack-query 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills