React.jsをさわってみる

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>

React.jsも、上記のようにCDNから直接読み込んで使える。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Hello, React World!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>
</head>
<body>
    <div id="app"></div>
</body>
<script>
  ReactDOM.render(
    React.DOM.h1(null, "Hello, React world!"),
    document.getElementById('app')
  );
</script>
</html>

document.getElementById()は、素のJavascriptの文法だけど、ここで指定したIDを持つ要素に、
生成したDOMを表示する。結果、h1タグで囲まれたHello, React world!が表示される。