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

これは個人的なアウトプットによる学習の記事です

それぞれの比較については、 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 の両方に対応しており、同じ書き方ができる