أفضل ممارسات TanStack Query (React Query) لجلب البيانات والتخزين المؤقت والطفرات وإدارة حالة الخادم. يتم التنشيط عند إنشاء تطبيقات React المستندة إلى البيانات مع حالة الخادم.
ثبّت مهارة الذكاء الاصطناعي tanstack-query-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: deckardger/tanstack-agent-skills.
Comprehensive guidelines for implementing TanStack Query (React Query) patterns in React applications. These rules optimize data fetching, caching, mutations, and server state synchronization.
| CRITICAL | Query Keys | 5 rules | Prevents cache bugs and data inconsistencies | | CRITICAL | Caching | 5 rules | Optimizes performance and data freshness | | HIGH | Mutations | 6 rules | Ensures data integrity and UI consistency | | HIGH | Error Handling | 3 rules | Prevents poor user experiences |
| MEDIUM | Prefetching | 4 rules | Improves perceived performance | | MEDIUM | Parallel Queries | 2 rules | Enables dynamic parallel fetching | | MEDIUM | Infinite Queries | 3 rules | Prevents pagination bugs | | MEDIUM | SSR Integration | 4 rules | Enables proper hydration | | LOW | Performance | 4 rules | Reduces unnecessary re-renders |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practicesأفضل ممارسات TanStack Query (React Query) لجلب البيانات والتخزين المؤقت والطفرات وإدارة حالة الخادم. يتم التنشيط عند إنشاء تطبيقات React المستندة إلى البيانات مع حالة الخادم. المصدر: deckardger/tanstack-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/deckardger/tanstack-agent-skills