React SWR
Stale(お古)-while-revalidate(確認する間は) #SWR What:
ライブラリとしてのSWRは、この stale-while-revalidateの方針による通信をより簡便に利用するために作られました。インターフェースはuseSWRというカスタムフックのみです How:
日本語版は、翻訳されてる部分が少ないので、英語も合わせて読む。
props, contextなどを使わずに、useフックを使ってcomponentで使う
loading状態は、 isLoading: !error && !data, みたいにして返す?
複数のcomponentが、それぞれ同じ useフックを使って居る場合、SWRがリクエストをまとめてくれる
同じ SWR キー(useSWR()の最初の引数)を使用して リクエストは自動的に重複排除、キャッシュ、共有されるからです
interface:
useSWR(KEY, fetcher関数, options)
fetcher関数はkeyを引数に取ってPromiseを返すものならなんでも
optionsは、キャッシュ戦略などの調整?
useSWR() の 3番目の引数の cache戦略のoption?の扱い
refreshInterval
revalidateOnFocus
revalidateReconnect
forcusThrottleInterval