あぁ、SWR

SWR とは？

https://github.com/vercel/swr

Stale

While

Revalidate

再検証中に古い？

SWR is a React Hooks library for remote data fetching.

SWR は、

リモートデータフェッチ用のReact Hooks ライブラリです。

• トランスポートおよびプロトコルに依存しないデータのフェッチ

• 高速ページナビゲーション

• 焦点の再検証

• インターバルポーリング

• 重複排除をリクエストする

• 局所変異

• ページネーション

• TypeScript対応

• SSRサポート

• サスペンスモード

• React Nativeサポート

• 最小限のAPI

...and a lot more.

状態を持つ fetch と

キャッシング

そして refetch

DEMO

https://github.com/syuji-higa/demo-nextjs-swr

data = レスポンスデータ

error = レスポンスエラー

isValidating = fetch 中

状態も

キャッシュも

再フェッチも

キャッシュ更新も

全てがそこある

いざ最高のUXを！

Thanks.