swrダウンロードswrソースコードのダウンロード

swr

AI ソースコード

v2.3.0

ダウンロード

導入

SWRは、データフェッチのためのReactフックライブラリです。

「 SWR 」という名前は、HTTP RFC 5861によって普及しているキャッシュ無効化戦略であるstale-while-revalidateから派生しています。SWRは最初にキャッシュ（古い）からデータを返し、リクエスト（revalidate）を送信し、最新のデータに再び付属します。

1つのフックだけで、プロジェクトのデータを取得するデータを大幅に簡素化できます。また、スピード、正確性、安定性のあらゆる面でもカバーして、より良い体験を構築するのに役立ちます。

高速で軽量で再利用可能なデータフェッチ
輸送およびプロトコル不可知論者
組み込みのキャッシュと要求の重複排除
リアルタイムエクスペリエンス
フォーカスの再検証
ネットワークリカバリの再検証
ポーリング
ページネーションおよびスクロール位置の回復
SSRおよびSSG
局所変異（楽観的なUI）
内蔵スマートエラー再試行
タイプスクリプト
サスペンスを反応します
ネイティブの反応

...そしてもっと。

SWRを使用すると、コンポーネントは常に自動的にデータの更新のストリームを取得します。したがって、UIは常に高速で反応性があります。

swr.vercel.appで完全なドキュメントと例をご覧ください。

クイックスタート

 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 >
}

この例では、React Hook useSWR keyとfetcher機能を受け入れます。 keyは、要求の一意の識別子、通常はAPIのURLです。そして、 fetcher keyをそのパラメーターとして受け入れ、データを非同期に返します。

useSWR 、 data 、 isLoading 、 error 3つの値も返します。リクエスト（フェッチャー）がまだ終了していない場合、 data undefinedなり、 isLoadingがtrueます。応答を取得すると、 fetcherの結果に基づいてdataとerrorを設定し、falseにisLoading 、コンポーネントをレンダーにします。