ブックマーク / kasyalog.site (1)

  • TanStack Query の stale / cache 動作を動かしながら理解する - kasya blog

    フェッチしたデータの鮮度デフォルトでは即 stale (古い)扱いuseQuery でクエリすると、キャッシュしたデータは stale (古い)とみなされる。 前回作ったコードで見てみます。 最初、画面表示にはリクエストを投げ、取得をしているのがわかります。 devtool でも stale になっていますね。 取得直後のデータはデフォルトでは staleその後、別のタブにフォーカスを変えて、再度このタブに戻って来た場合、戻ってきタイミングに合わせてもう一度リクエストが飛んでいます。 画面上では分かりにくいですが、Tanstak Query の Github Star をつけました。そのため、2回目の取得結果が反映されたので、star の部分が 32292 → 32293 に更新されています。ちゃんと反映されています。 stale なのでデータが更新された例。query の star 数が

    TanStack Query の stale / cache 動作を動かしながら理解する - kasya blog
  • 1