SWR
まずキャッシュからデータを返し(stale)、次にフェッチリクエストを送り(revalidate)、最後に最新のデータを持ってくる
dataとfetcher
fetcher
revalidateOnFocus
ページに再度フォーカスを合わせるか、タブを切り替えると、SWRはデータを自動的に再検証
他にも、色々便利機能あって良い
どう管理する?
Page componentでリクエストする方針でなく、各componentでカスタムフック利用する方針
最も美しいのは、APIに送信されるリクエストが1つだけであるということです。これは、APIが同じSWRキーを使用し、リクエストが重複排除され、キャッシュされ、自動的に共有されるためです。
らしいので、複数のcomponentで同じ
競合