ReactQueryDevtools

キャッシュの有無とかを確認できる

これって、rootに近い箇所に配置しないといけないの？

code:ts

<ReactQueryDevtools initialIsOpen={false} />

今画面上に表示されているデータがstaleなのかとかも確認できる

fresh: 最新のデータ

fetching

stale:

inactive

https://gyazo.com/297a20ac121470d8aa891cb5edb6d6e5

この数字なに？

生きているinstanceの数

この関数で作ってる

code:ts

export function getQueryStatusLabel(query: Query) {

return query.state.isFetching

? 'fetching'

: !query.getObserversCount()

? 'inactive'

: query.isStale()

? 'stale'

: 'fresh'

}

queryの状態から良い感じのlabelを生成しているだけ

内部実装では、この4種類の状態では扱うことはない