Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - useEffect編

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/cybozu_frontend

7 usersがブックマークコメント

2

現在プライベートモードです設定を変更する

7 users zenn.dev/cybozu_frontend

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント2件

●注目コメント ●新着コメント

kiririmode useEffectを利用して初期レンダリング時にAPIコールする設計とその注意点 ●react 2023/12/01 リンクその他 ● ● ●

shingo-sasaki-0529 単純に、useEffect を人類が素で使うのまぁまぁしんどいからライブラリで包んで Opinionated な統一された手法に縛られる方が楽な気がしてきた。 2023/11/27 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fzenn.dev%2Fcybozu_frontend%2Farticles%2Ff1f03e69946177" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://zenn.dev/cybozu_frontend/articles/f1f03e69946177">Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - useEffect編</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/zenn.dev/cybozu_frontend/articles/f1f03e69946177">はてなブックマーク - Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - useEffect編</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁Reactのさまざまな...﹂が注目されています。気持ちをシェアしよう昨今のReact・Next.js界隈では様々なデータフェッチの仕組みが提供されていますが、一体どのような場面でどのデータフェッチ方法を使用したらベストなのでしょうか？開発のためにたくさんの選択肢が出てきた今、きちんとそれぞれの特長を知って正しく適当に使ってあげたいものですね🌟 そこで、 ☝🏻CSRで基本的な﹁クライアントサイドデータフェッチ﹂として useEffect hooksを用いたデータフェッチ ✌🏻﹁クライアントサイドデータフェッチ﹂に加えて﹁クライアントサイドキャッシュの仕組みを利用して状態管理ができる﹂ことで有名なデータフェッチライブラリのSWR, TanStack Query 🤟🏻﹁サーバサイドデータフェッチ﹂として(1)Next.jsでのgetServerSidePropsを利用したデータフェッチ・(2)App Router組み込みのキャッシュ機構とRSCを用い