SWR
キャッシュを先に返し裏で再検証するReact データ取得ライブラリ。キー単位の取得、キャッシュ、再検証を小さなフック APIで提供する。
何を担当する？
キー単位の取得、キャッシュ、再検証を小さなフック APIで提供する。
いつ使う？
- Reactで読み取り中心のAPI データを簡潔に同期したいとき。
避けたい場面
- 複雑なミューテーションワークフローとフレームワーク横断対応が必要なとき。
SWR / TanStack Query
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
SWRとTanStack Queryはどちらも「状態・データ取得」の技術なので、同じ土俵で比較しやすい組み合わせです。
TanStack Query
サーバーから得る非同期データをキャッシュ管理するライブラリ。取得、再取得、失効、読み込み、ミューテーションの状態を扱う。
何を担当する？
取得、再取得、失効、読み込み、ミューテーションの状態を扱う。
いつ使う？
- API データの同期とキャッシュを画面状態から分離したいとき。
避けたい場面
- クライアント内だけの単純なフォーム状態を管理したいとき。
TanStack QueryとSWRはサーバー状態の取得、キャッシュ、同期で比較される。取得、再取得、失効、loading、ミューテーションの状態を扱う。一方、SWRはキー単位の取得、キャッシュ、再検証を小さなフック APIで提供する。