Reactにおけるエフェクト

フック useEffect の使い方を検討する前に、 Reactにおけるエフェクトとは何かを理解する必要があります。

エフェクトまたは副作用 (side effects) は、 コンポーネントが 外部システム に接続し、 同期することを可能にする追加のアクションです。

外部システムとは、Reactの制御下にないコードや アプリケーションの断片を指します。 これには、ネットワーク操作、ブラウザのDOM、 アニメーション、サードパーティのUIライブラリで 書かれたウィジェット、およびReact以外で作成された 他のアプリケーションとの連携が含まれます。

エフェクトは、レンダリング後にコードを実行することを 可能にし、Reactの範囲外にあるシステムと コンポーネントを同期させる機会を提供します。

エフェクトは、コンポーネントの初回描画時、 監視対象の値が変更された時、またはコンポーネントの ライフサイクルが終了した時に実行されます。

エフェクトは、ある種のReactからの「非常用」 ハッチであり、乱用すべきではないことを 覚えておく必要があります。