Expert TanStack Query

Name: Expert TanStack Query
Author: tanstack-skills

de tanstack-skills30

Utilitaires avancés de gestion d'état asynchrone et d'état serveur pour les frameworks TS/JS, dont React, Vue et Solid.

déclencheurs:tanstack queryreact queryserver statecache invalidationuseQueryuseMutation

GitHub SKILL.md

Ce qu'il fait

Fournit à l'agent une expertise technique approfondie de TanStack Query (anciennement React Query). Il permet à l'agent de mettre en œuvre une gestion efficace de l'état serveur, incluant la mise en cache automatique, le rafraîchissement en arrière-plan et les mises à jour optimistes.

Quand l'utiliser

Utilisez cette compétence lorsque l'utilisateur doit implémenter la récupération de données, gérer l'invalidation du cache, gérer le défilement infini ou optimiser les requêtes réseau dans une application frontend utilisant l'écosystème TanStack.

Ce qui est inclus

Instructions : Guides complets sur les Query Keys, les Query Functions, useQuery, useMutation et l'intégration de Suspense.
Patterns : Détails d'implémentation pour les mises à jour optimistes, les requêtes parallèles et l'hydratation SSR.
Bonnes pratiques : Directives sur staleTime, gcTime et les queryOptions typées.

Agents compatibles

Principalement conçu pour les agents capables d'écrire et d'analyser du code TypeScript/JavaScript, tels que Claude Code et d'autres harnais compatibles ACP.

Étiquettes

#tanstack #react-query #state-management #data-fetching #typescript #frontend #caching

Pas encore audité

Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.

Informations

Dépôt: tanstack-skills
Étoiles: 30

Compétences similaires

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Node.js Best Practices

Guidelines and decision-making for Node.js architecture, runtime, async patterns, security, validation, and testing to inform framework and system choices.

Terragrunt Infrastructure

Best-practice patterns and operational guidance for Terragrunt/OpenTofu infrastructure: catalog/live/module layout, state backend setup, and deployment workflow

SSE Stream Resilience

Provide robust server-sent-events (SSE) stream management with Redis-backed registry, heartbeat monitoring, completion persistence, and background guardian clea

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Algolia Cost Tuning

Practical guide to reduce Algolia billing by auditing records/requests, switching to virtual replicas, multi-query usage, caching, and cleanup strategies.

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

Retour aux compétences