Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    
  </head>
  <body>
    <div class="container">
      <div id="content"></div>      
    </div>
    
    
    
    <script src="https://fb.me/react-0.13.2.js"></script>
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  </body>
  
</html>
 
// tutorial2.js
var CommentList = React.createClass({
  render: function() {
    return (
      <div className="commentList">
      Hello, world! I am a CommentList.
      </div>
    );
  }
});
var CommentForm = React.createClass({
  render: function() {
    return (
      <div className="commentForm form">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});
var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox container">
        <div className='row'>
          <h1>Comments</h1>
          <div className='col-xs-6'>
          
            <CommentList />
          </div>
          <div className='col-xs-6'>
            <CommentForm />                      
          </div>
        </div>
      </div>
    );
  }
});
React.render(
  <CommentBox />,
  document.getElementById('content')
);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
kizzlebotpro
0viewers