React入門 練習問題 65：パッケージ構成（ライブラリの役割）
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
Reactアプリケーションの開発において、`react` パッケージと `react-dom` パッケージの役割の違いを説明したものとして正しいものはどれか。
- react はコアの仕組みを提供し、react-dom はブラウザのDOMへの描画を担う。
- react は画面の描画処理を担い、react-dom はデータの状態管理の仕組みを提供する。
- react は開発環境の構築を提供し、react-dom は本番環境向けのコード最適化を担う。
- react は関数コンポーネントを提供し、react-dom はクラスコンポーネントを提供する。
- react はフロントエンドのUIを構築し、react-dom はサーバー側のデータベースを管理する。
正解と解説を見る
`react` パッケージがコンポーネントなどのコア機能を提供し、`react-dom` パッケージがそれをブラウザのDOMに描画する役割を担うという説明が正解です。
【正解の理由】
ReactはUIを構築するためのプラットフォーム非依存のライブラリ（`react`）と、特定の環境向けのレンダリングを担うライブラリに分割されています。Webブラウザ向けの開発では、DOM操作を担当する `react-dom` と組み合わせて使用します（モバイル向けなら `react-native` を使います）。
【不正解の理由】
• 「react は画面の描画処理を担い、react-dom はデータの状態管理の仕組みを提供する。」という説明は誤り（描画処理を担うのは react-dom であり、状態管理の仕組み（フックなど）は react が提供するため）
• 「react は開発環境の構築を提供し、react-dom は本番環境向けのコード最適化を担う。」という説明は誤り（どちらも実行時に必要なライブラリであり、開発環境構築や最適化はViteやWebpackなどのビルドツールの役割であるため）
• 「react は関数コンポーネントを提供し、react-dom はクラスコンポーネントを提供する。」という説明は誤り（どちらの書き方も react パッケージ自体が提供しているため）
• 「react はフロントエンドのUIを構築し、react-dom はサーバー側のデータベースを管理する。」という説明は誤り（react-dom はデータベースを管理するツールではなく、ブラウザのDOMを操作するツールであるため）