🤔

React Query と SWR と Apollo と RTK Query ってなにがどう違うん?

2021/09/02に公開

それぞれの比較については、 React Query のドキュメント、
Comparison | React Query vs SWR vs Apollo vs RTK Query に記載がある
私には情報過多なので、私に必要な情報だけをまとめてみます

React Qery SWR Apollo RTK Query ポイント
サポートされている Query 構文 Promise, REST, GraphQL Promise, REST, GraphQL GraphQL Promise, REST, GraphQL Apollo は GraphQL に特化している
サポートされているライブラリ、フレームワーク React React React + Others Any React Qery, SWR は React に特化している
Stale While Revalidate 全て対応している
Stale Time Configuration 🛑 🛑

✅ 1級品で、ビルドインされており、設定やコードを追加することなくすぐに使用可能
🛑 公式にはサポートされておらず、文書化もされていない

  • Stale While Revalidate

    • chash があればそれを使い、なければ fetch し、 fetch 回数を節約する
  • Stale Time Configuration

    • chash を最新とみなす時間を設定できる
  • React Query と SWR は REST API と GraphQL の両方に対応しており、同じ書き方ができる

Discussion