tanstack-query
✓使用 TanStack Query v5 管理 React 中的服務器狀態。使用 useQuery 設置查詢，使用 useMutation 設置突變，配置 QueryClient 緩存策略，實現樂觀更新，並使用 useInfiniteQuery 處理無限滾動。 使用時機：在 React 項目中設置數據獲取、從 v4 遷移到 v5、或修復對象語法所需的錯誤、查詢回調刪除問題、cacheTime 重命名為 gcTime、isPending 與 isLoading 混淆、keepPreviousData 刪除問題。
SKILL.md
Status: Production Ready ✅ Last Updated: 2025-10-22 Dependencies: React 18.0+, TypeScript 4.7+ (recommended) Latest Versions: @tanstack/react-query@5.90.5, @tanstack/react-query-devtools@5.90.2
❌ Never use query callbacks (onSuccess, onError, onSettled in queries)
This skill prevents 8 documented issues from v5 migration and common mistakes:
使用 TanStack Query v5 管理 React 中的服務器狀態。使用 useQuery 設置查詢，使用 useMutation 設置突變，配置 QueryClient 緩存策略，實現樂觀更新，並使用 useInfiniteQuery 處理無限滾動。 使用時機：在 React 項目中設置數據獲取、從 v4 遷移到 v5、或修復對象語法所需的錯誤、查詢回調刪除問題、cacheTime 重命名為 gcTime、isPending 與 isLoading 混淆、keepPreviousData 刪除問題。 來源：ovachiever/droid-tings。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query- 分類
- {}資料分析
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 tanstack-query？
使用 TanStack Query v5 管理 React 中的服務器狀態。使用 useQuery 設置查詢，使用 useMutation 設置突變，配置 QueryClient 緩存策略，實現樂觀更新，並使用 useInfiniteQuery 處理無限滾動。 使用時機：在 React 項目中設置數據獲取、從 v4 遷移到 v5、或修復對象語法所需的錯誤、查詢回調刪除問題、cacheTime 重命名為 gcTime、isPending 與 isLoading 混淆、keepPreviousData 刪除問題。 來源：ovachiever/droid-tings。
如何安裝 tanstack-query？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/ovachiever/droid-tings
詳情
- 分類
- {}資料分析
- 來源
- skills.sh
- 收錄時間
- 2026-02-01