·tanstack-query-best-practices
</>

tanstack-query-best-practices

deckardger/tanstack-agent-skills

Mejores prácticas de TanStack Query (React Query) para la recuperación de datos, el almacenamiento en caché, las mutaciones y la gestión del estado del servidor. Actívelo al crear aplicaciones React basadas en datos con estado de servidor.

430Instalaciones·9Tendencia·@deckardger

Instalación

$npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices

SKILL.md

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 |

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-14
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es tanstack-query-best-practices?

Mejores prácticas de TanStack Query (React Query) para la recuperación de datos, el almacenamiento en caché, las mutaciones y la gestión del estado del servidor. Actívelo al crear aplicaciones React basadas en datos con estado de servidor. Fuente: deckardger/tanstack-agent-skills.

¿Cómo instalo tanstack-query-best-practices?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/deckardger/tanstack-agent-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-14