Vercel

1つのフックでデータを取得キーとフェッチャーを useSWR に渡します。フックはリクエストを管理し、レスポンスをキャッシュし、データを最新の状態に保ちます。UI を駆動するために data、error、isLoading を取得できます。 import useSWR from 'swr' function Profile() { const { data, error, isLoading } = useSWR('/api/user', fetcher) if (error) return <div>failed to load</div> if (isLoading) return <div>loading...</div> return <div>hello {data.name}!</div> }

[taky1973]

自動で再フェッチ、ローディング状態の表示、エラー対応、キャッシュ、途中キャンセル等複雑な人 vs サーバーのやり取りが楽に実装できる

[akymrk]

stale while revalidate

[dozo]

データフェッチと状態管理

[yayocan]

SWR API

[issyurn]

“stale-while-revalidate”

[nilab]

「HTTP RFC 5861 で提唱された HTTP キャッシュ無効化戦略である stale-while-revalidate に由来」「まずキャッシュからデータを返し（stale）、次にフェッチリクエストを送り（revalidate）、最後に最新のデータを持ってくる」

[kitokitoki]

データ取得のための React Hooks ライブラリ

[tkmkg8m]

const { data, error } = useSWR("/path/to/api", fetcher)

[kazuhi_ra]

swr日本語ページあるのか