読者です 読者をやめる 読者になる 読者になる

サーバー準備不要のReactHello(ES6)

Reactの^公式チュートリアルわからん! cdnを使おう

HelloWorld!!

<html>
    <head>
        <meta charset="utf-8">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
        <script type="text/babel">

        // はろーわーるどコンポーネント
        class HelloWorld extends React.Component {
          render() {
            return (<div>HelloWorld!!</div>);
            }
        }

        // 描画
        ReactDOM.render(<HelloWorld />, document.body);
        
        </script>
    </head>
    <body></body>
</html>



webプログラミングの敷居を上げているのは確実にサーバー
ブラウザのURL欄にjavascript:alert("");が入力できない人間がいるか?
今回はNodeJSのnpmやらwebpackを使わずにコピペのみで作成できる。