用語集に戻る
プログラミング基礎中級

コンテナ

コンテナ

一言で言うと

データ取得や状態を担う上位コンポーネント。

もう少し詳しく

一言で言うと

データ取得や状態を担う上位コンポーネント。

もう少し詳しく

データ取得や状態を担う上位コンポーネント。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

React における Container コンポーネントは、Presentational コンポーネントと分離してデータ取得・状態管理を一手に担います。UI の描画ロジックを持たないため、ビジネスロジックのテストや再利用がしやすくなります。

実務でどう使うか

  • 関心の分離 ── データ取得・状態管理を Container に集約し、UI 描画は Presentational コンポーネントに任せることで責務が明確になります

  • テスタビリティ ── ロジックが分離されるため、Container 単体でユニットテストが書きやすくなります

  • React Hooks 時代との関係 ── Hooks(useEffect / useState)の普及により同様の関心分離をカスタムフックで実現するケースも増えています
  • 関連する章

    Ch146, Ch282 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る