Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

TanStack Query Best Practices

pordeckardger·deckardger· v1.0.0 · atualizado em 2026-04-10
79
Score

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.

reacttanstack-querydata-fetchingcachingstate-managementfrontend-development
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdtanstack-query-best-practices/workflow
1
Identify Data Dependencies: — Determine all variables that the query depends on.
2
Structure Query Keys: — Organize query keys hierarchically using arrays.
3
Configure Caching: — Set appropriate `staleTime` and `gcTime` based on data volatility.
4
Implement Mutations: — Invalidate related queries after mutations and use optimistic updates.
5
Handle Errors: — Implement error boundaries and configure retry logic.
6
Optimize Performance: — Use `select` to transform data and leverage structural sharing.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aTailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Development Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aTypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

TanStack Query Best Practices
tanstack-query-best-practices
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers7
implement TanStack Query best practicesoptimize data fetching in Reactconfigure caching strategies with React Queryhandle mutations with TanStack Queryimprove server state management in Reactintegrate TanStack Query with SSRapply React Query patterns

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download tanstack-query-best-practices
$ synaptic skills detail tanstack-query-best-practices
$ synaptic skills live tanstack-query-best-practices

Dependências

react@tanstack/react-query

Links

GitHub Repository