reactのコンポーネントを自分のhtml,phpファイルの要素に出力したい場合

Question

reactの基本を勉強しています。入門本に書いてある通りcreate-react-appを使って
ローカル環境で動かす、npm run buildで出力されたファイル群をサーバーに
アップロードして動かすところまではできました。

これはこれでいいんですが、タイトルの通り、自作のhtmlファイルでもphpファイルでもいいんですが、
html部分に

<div id="something"></div> のような要素があるとして、この要素にreactでコンポーネントを出力したい場合どうすればよいでしょうか？

https://www.taniarascia.com/getting-started-with-react/
↑にあるようにCDNで必要なものを読み込む方法だとできると思うのですが、書籍にも↑のサイト
でもCDNを使うのは非推奨、とありますし、実際やってみても少し遅いです。

https://teratail.com/questions/116784
↑に近いことが書いてあると思うのですが、webpackなどわからないので、具体的にどうすればよいかわかりません。webpackについて勉強したらできるようになりますでしょうか？

Answer 1

npm run buildで出力されたファイル群をサーバーに

アップロードして動かすところまではできました。

なら、JavaScriptファイルも生成しているはずですので、それをPHPなりHTMLなりから呼び出すだけです。

Comments

[moriman]

回答をいただきましてありがとうございます。
buildディレクトリに生成されたJavaScriptファイルは
service-worker.js
precache-manifest.054774adbe886ee6e3c29227ef1745b5.js
staticディレクトリ内のjsディレクトリ内に
2.b41502e9.chunk.js
main.28647029.chunk.js
runtime~main.a8a9905a.js
があるのですが、これらを全てphpファイル内のhtml部分から呼び出す、ということでしょうか？
あとhtmlからJavaSctiptファイルを呼び出す方法は、
例えばservice-worker.jsを呼び出したいときは
<script src="service-worker.js"></script>
とすればよいでしょうか？

[maisumakun]

PHPでフレームワークを使っているなら、フレームワークとNode.jsを結びつけるプラグインがあるかもしれません。そっちのほうがてっとり早いでしょう。

[moriman]

フレームワークを使わない場合なのですが、もう少しいろいろ調べてみようと思います。
ありがとうございました。

Answer 2

https://reactjs.org/docs/react-dom.html#render