useFetch

一言で言うと

React のカスタムフックとして、データ取得・ローディング状態・エラー状態を一括管理する仕組み。

もう少し詳しく

React のカスタムフックとして、データ取得・ローディング状態・エラー状態を一括管理する仕組み。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

React のカスタムフックとして実装されるパターンで、内部で useState と useEffect を組み合わせることで、データ取得・ローディング状態・エラー状態を { data, loading, error } の形でまとめて返します。HTTP リクエストをコンポーネントから切り離して再利用しやすくするために使われます。

実務でどう使うか

関連する章

Ch170 で詳しく学べます。