Node.jsなどの開発環境を用意せずにReact.jsを開発する

samatsu 5/22/2017 1109 N/A React

テキストエディターだけで、とりあえず react を使った Web アプリを開発して動作確認する方法をメモしておきます。といっても、次のひな形を使うだけ。

reactの簡単な動作確認行えます。

<!DOCTYPE html>
<html>
<head>
    <title>Hello React!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
</head>
<body>
    <script type="text/babel">
        ReactDOM.render(
            <h1>Hello World</h1>,
            document.body
        );
    </script>
</body>
</html>

cdnjsから参照できる最新のバージョンの情報なんかは次のURLなどを参照してください。

https://cdnjs.com/libraries/react/15.6.1