12周年記念パーティ開催! 2024/5/10(金) 19:00

SWRで快適! Reactでのデータ取得

全3回

データ取得のためのReact Hooksを提供するライブラリ、SWRについて解説していきます。SWRは、「stale-while-revalidate」というキャッシュ戦略の略称です。

最終回 アプリケーションでの利用例

シリーズの総まとめとして、ReactとSWRを使った実践的なアプリケーションを作成し、そのコードを解説していきます。

第2回 SWRのキャッシュ戦略とuseSWR()フックの挙動

SWRの名前の由来でもある「stale-while-revalidate」というキャッシュ戦略の意味と、これに由来しているuseSWR()フックのポイントとなる挙動を解説していきます。

第1回 Reactにおけるデータ取得の基本とSWR

一口にデータ取得と言っても、キャッシュの保持とその破棄や、最新データの再取得、エラーが返ってきた場合など、さまざまなことを考慮すると面倒なものです。そんなとき、SWRというライブラリが便利に使えます。