初めて Apollo Client を使うことになったらキャッシュについて知るべきこと - WASD TECH BLOG

この記事は GraphQL Advent Calendar 2020 2日目の記事です。 前回は mtsmfm さんの記事でした。 GraphQL は REST などと同じく、DB のテーブルをそのまま露出するとは限らない - Qiita はじめに こんにちは、 shinnoki です。 フロントエンドで用いる GraphQL のクライアントは複数の選択肢が存在しますが、 React + TypeScript なプロジェクトでは Apollo Client が採用されることが多いのではないでしょうか。 Apollo Client の特徴のひとつに強力なキャッシュ機構がありますが、逆に理解しないと意図しない挙動になることもあったりと、初学者にとってはなかなかイメージを掴みづらいものになっています。 まず最初に結論として、「初めて Apollo Client を使うことになったけど、とにかく早

[carolina04]

“ROOT_QUERY posts: 0:{"__ref":"post:1"} 1:{"__ref":"post:2"} というように表示されていますが、これは Posts クエリの結果として post:1 と post:2 というキャッシュオブジェクトが参照されているということです。”