Reactのテスト - how to code something

コンポーネント化面白いけどいまいちメリットがわかってない

bower install react

index.html

<html>
  <head>
    <title>Hello React</title>
    <script src="./bower_components/react/react.js"></script>
    <script src="./bower_components/react/JSXTransformer.js"></script>
    <script type="text/jsx">
    var CommentBox = React.createClass({
      render: function() {
        return (
          <div className="commentBox">
            Hello, world! I am CommentBox.
          </div>
        );
      }
    });
    React.render(
      <CommentBox />,
      document.getElementById('content')
    );
    var SuperDivineDiv = React.createClass({
      render: function(){
        return (
          <img src="http://images.wisegeek.com/green-frog.jpg" width="200px"/>
        );
      }
    });
    React.render(
      <SuperDivineDiv />,
      document.getElementById('content2')
    );
    </script>
  </head>
  <body>
    <div id="content"></div>
    <div id="content2"></div>
  </body>
</html>