Reactの利用はnode.jsが前提ではありません

Webの情報を観ていると、Reactの利用にnode.jsを利用しているケースが多いですね。

ただ、それで勘違いしてほしくないんですが、Reactはnode.jsが前提ではありません。

カモトラはReactをPHPと連携してチャットシステムを作りましたし、その他のプログラムとの連携も可能です。

重要なことは、以下のように必要なファイルを取り込むだけ。

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>

React部分は以下のようになります。

<script type="text/javascript">
    class Chat extends React.Component {

     色々な処理

    }

    ReactDOM.render(
        <Chat />,
        document.getElementById('app')
    )
</script>

class Chat extends React.Component {

色々な処理

}

ReactDOM.render(

<Chat />,

document.getElementById('app')

)

</script>

htmlのbody内部に以下を記載すれば、この箇所にチャット部分が表示されるようになります。

<div id="app"></div>

1	<div id="app"></div>