html5 - React Router のデモを見ているときに問題が発生しました

Question

import React from 'react'
import { render } from 'react-dom'
import App from './modules/App'
render(<App/>, document.getElementById ('app'))
最初の行は、react から js 全体を導入し、React という名前を付けることを意味します。
2 行目は、react-dom から render メソッドを導入することを意味します。
これは正しく理解できますか?なぜ3行目にパスが書かれているのでしょうか？直接1～2行書いてもいいですか？
3 行目は、この名前のないコンポーネントに App という名前を付けて使用することを意味します。
視聴するデモの URL とリンクの説明はこちらです

Answer 1

デモの package.json に注目してください。これには、react や Reactdom などの多くの依存関係が導入されており、npm i (または npm install) は、node_modules に依存関係をインストールします。
./ の場合は、相対パスの下にファイルをインポートすることを意味します。パスを記述せずに直接インポートすると、node_modules ディレクトリにインストールされているモジュールがインポートされます。
WebpackやcommonJS仕様の知識を参考にすることをお勧めします