フロントエンドでページ表示の体験を向上させるデータフェッチング
Webアプリケーションのデータ取得のタイミングやその実装方法をいかに効率的にするかで、ページ表示のユーザー体験は向上します。 サーバーAPIへのリクエストや、データフェッチングライブラリについての覚えておいて、要件に最適な技術選定に役立ててみては？
SSRへ移行したCodeGridのアーキテクチャー
CodeGridは2022年11月のリニューアルでHTMLの事前レンダリングからSSRへと移行しました。なぜそのような変更を行ったのか、その背景と理由を解説します。
リクエストとデータキャッシュの最適化
サーバーAPIへのリクエストが主になるようなWebアプリケーションでは、サーバーAPIへのリクエスト自体を減らすことを設計時に考える必要があります。さらに、サーバーAPIを通して取得するデータの適切なキャッシュについて考えてみましょう。
データ取得のタイミングを制御する
createQuery()には、staleTimeとgcTimeという2つのオプションがあります。これらを用いて、データの取得タイミングを制御する方法を解説します。
SWRのキャッシュ戦略とuseSWR()フックの挙動
SWRの名前の由来でもある「stale-while-revalidate」というキャッシュ戦略の意味と、これに由来しているuseSWR()フックのポイントとなる挙動を解説していきます。
今回のキュレーター
大塚 亜周編集老舗実用系出版社にて、女性誌編集ならびにデジタル事業開発に従事。グローバルデジタルエージェンシーに転職後、コンテンツディレクションと情報設計のスキルを生かして、大手企業のマーケティングを支援する。人事労務SaaS「SmartHR」では、UXライターとしてプロダクト開発に携わる。2023年3月に出版した『ちいさくはじめるデザインシステム』は、著者としてだけでなく、企画・編集も担当。