React+SWR

SWRはZEITによるデータ取得ライブラリです。Next.jsだけではなく、React単体でも使用できます。今回は、このライブラリの必要性に触れてみます。 SWRを使う理由 SWRの主な用途はキャッシュとボイラープレートの排除です。従来のReactアプリケーションで外部リソース（API）の取得を行う場合、以下のようなコードを目にします。 const [data, setData] = React.useState([]); useEffect(() => { fetch("https://some-api/users") .then(response => response.json()) .then(data => { setData(data); }); }, []); データ取得を行うたび、この定型文（+エラー処理）が出現します。 例えば、階層の異なるコンポーネントでdataを利用し