TanStack Query ベストプラクティス

TanStack Query ベストプラクティス とは？

このスキルは、TanStack Query（旧称 React Query）を使用して、React アプリケーションにおけるサーバー状態の効率的な管理、データフェッチ、キャッシュ、ミューテーションのベストプラクティスを提供します。データ駆動型の React アプリケーションを構築する開発者向けで、非同期データの処理を簡素化し、パフォーマンスとユーザーエクスペリエンスを向上させるためのガイドラインを示します。主な機能として、クエリキーによるキャッシュ管理、ローディング状態やエラー状態の処理、楽観的更新を伴うミューテーション、ページネーションや無限スクロールの実装、プリフェッチによるデータの先読みなどが含まれます。このスキルは、Claude Code や Cursor などの AI エージェント向けに設計されており、TanStack Query の公式ドキュメントやコミュニティで広く認知されているパターンに基づいています。開発者は、このスキルを有効にすることで、より堅牢でメンテナンス性の高い React アプリケーションを構築できるようになります。