·react-query-best-practices
</>

react-query-best-practices

arraydude/agent-skills

Mejores prácticas, patrones y solución de problemas de React Query v4 (TanStack Query). Úselo cuando trabaje con useQuery, useMutation, invalidación de consultas, almacenamiento en caché, integración de WebSocket o cualquier administración de estado asíncrono en React. Basado en la completa serie de blogs de TkDodo.

20Instalaciones·1Tendencia·@arraydude

Instalación

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

SKILL.md

Important: This guide targets React Query v4. Some patterns may differ in v5.

Comprehensive guide for React Query v4 (TanStack Query) based on TkDodo's authoritative blog series. Contains 24 rules across 7 categories, prioritized by impact.

| 1 | Query Keys & Patterns | CRITICAL | query- | | 2 | Mutations & Updates | CRITICAL | mutation- | | 3 | Caching Strategy | HIGH | cache- | | 4 | WebSocket Integration | HIGH | websocket- | | 5 | TypeScript Integration | MEDIUM | typescript- | | 6 | Testing Patterns | MEDIUM | testing- | | 7 | Common Pitfalls | MEDIUM | troubleshoot- |

Mejores prácticas, patrones y solución de problemas de React Query v4 (TanStack Query). Úselo cuando trabaje con useQuery, useMutation, invalidación de consultas, almacenamiento en caché, integración de WebSocket o cualquier administración de estado asíncrono en React. Basado en la completa serie de blogs de TkDodo. Fuente: arraydude/agent-skills.

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/arraydude/agent-skills --skill react-query-best-practices
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

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

Mejores prácticas, patrones y solución de problemas de React Query v4 (TanStack Query). Úselo cuando trabaje con useQuery, useMutation, invalidación de consultas, almacenamiento en caché, integración de WebSocket o cualquier administración de estado asíncrono en React. Basado en la completa serie de blogs de TkDodo. Fuente: arraydude/agent-skills.

¿Cómo instalo react-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/arraydude/agent-skills --skill react-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/arraydude/agent-skills

Detalles

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