tanstack-devtools

TanStack DevTools provides debugging panels for inspecting Query cache state, Router route trees, and Form field state in React applications. There are two approaches: standalone devtools per library (ReactQueryDevtools, TanStackRouterDevtools) and the unified TanStack Devtools panel that combines all libraries into a single interface with plugin architecture.

When to use: Setting up devtools for TanStack libraries, debugging query cache behavior, inspecting route matching, monitoring form field state, or combining multiple TanStack devtools into one panel.

When NOT to use: Production debugging (devtools are tree-shaken in production by default), non-React frameworks without adapter support, or custom state management unrelated to TанStack libraries.

أدوات TanStack DevTools لتصحيح أخطاء الاستعلام وجهاز التوجيه وحالة النموذج في تطبيقات React. يُستخدم عند إعداد أدوات التطوير، أو تصحيح حالة ذاكرة التخزين المؤقت، أو فحص أشجار المسار. يُستخدم لأدوات التطوير، وأدوات تطوير الاستعلام التفاعلي، وأدوات تطوير جهاز التوجيه، وأدوات تطوير النماذج، وتصحيح الأخطاء، والفحص، وعارض ذاكرة التخزين المؤقت. المصدر: oakoss/agent-skills.