pitfalls-tanstack-query
TanStack Queryの問題をデバッグ
TanStack Query v5には重大な変更と微妙なキャッシュ動作が含まれており、バグの原因となります。このスキルは、正しいデータフェッチ、ミューテーション、キャッシュ無効化のための実証されたパターンとアンチパターンを提供します。
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "pitfalls-tanstack-query". TanStack Query v5の私のuseQuery実装をレビューしてください
Resultado esperado:
- QueryKeyは適切な重複排除のために完全なURLパスを使用しています
- queryFnは一致するエンドポイントから正しくフェッチしています
- StaleTimeはあなたのユースケースに適宜構成されています
- ライブデータが必要な場合はrefetchOnWindowFocusの追加を検討してください
A utilizar "pitfalls-tanstack-query". ミューテーションの後，为什么我的数据是陈旧的？
Resultado esperado:
- onSuccessハンドラ内のqueryClient.invalidateQueriesがありません
- 関連クエリを無効にするonSuccessコールバックを追加してください
- フェッチと無効化の間のqueryKeyが正確に一致することを確認してください
Auditoria de Segurança
SeguroThis is a documentation-only skill containing markdown and TypeScript code examples. All 16 static findings are false positives: TypeScript template literals were misidentified as shell commands, API patterns were misidentified as cryptographic code, and metadata fields were misidentified as network/filesystem access. No executable code, network calls, or file system operations exist.
Fatores de risco
🌐 Acesso à rede (1)
📁 Acesso ao sistema de arquivos (1)
⚙️ Comandos externos (6)
Pontuação de qualidade
O Que Você Pode Construir
データフェッチのバグを修正
TanStack Queryを使用してReactコンポーネント内のデータフェッチのバグを修正する
コード品質のレビュー
一般的なミスのためにTanStack Queryを使用するプルリクエストをレビューする
v5への移行
v5に更新する必要があるv4パターンを特定する
Tente Estes Prompts
正しいTanStack Query v5パターンのためにこのuseQuery実装をレビューしてください。queryKey構造、queryFn、オプションを確認してください：
適切なキャッシュ無効化のこのuseMutationを確認してください。成功時に正しいクエリを無効にしていますか？
TanStack Query v5でのロールバックを伴う楽観的な更新の正しいパターンを教えてください。onMutate、onError、onSettledハンドラを含めます。
このコード内でv5に更新する必要があるすべてのv4パターンを特定してください。特にisPendingであるべきisLoadingを探してください。
Melhores Práticas
- 適切な重複排除のために['/api/strategies', id]のような完全なURLパスをqueryKeysで使用してください
- キャッシュを最新の状態に保つためにuseMutationのonSuccessで常に関連するクエリを無効にしてください
- v5ではミューテーションの状態チェックにisPendingの代わりにisPendingを使用してください
Evitar
- コンポーネント間の適切な重復排除を妨げる['strategy']のような短いqueryKey
- ミューテーション後にqueryClient.invalidateQueriesを呼び忘れると古いデータが発生する
- v5でミューテーションの状態チェックにisLoadingの代わりにisLoadingを使用している
Perguntas Frequentes
どのようなTanStack Queryバージョンがサポートされていますか？
このスキルの制限は何ですか？
このスキルは他のツールと統合しますか？
私のデータは安全ですか？
ミューテーション後，为什么我的数据是陈旧的？
React Query v4と比較するとどうですか？
Detalhes do Desenvolvedor
Estrutura de arquivos
📄 SKILL.md