「このフォルダ(モジュール)のものたち」を、Form.xxx みたいに“名字付き”で扱えるようにするのが名前空間インポートのメリット
React での名前空間インポート:
import * as Form from "@/components/form";
<Form.InputField ... />
<Form.SelectField ... />
メリット
- “どこから来たコンポーネントか” が一目でわかる
- 名前衝突を避けやすい(Button が何個あっても怖くない)
- バレルファイル(index.ts)と組み合わせると「モジュール境界」がわかりやすくなる
- 大きめフォームなどで 「Form.」「Layout.」のように役割ごとに整理して読める