React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-0.14.3.js"></script>
<script src="https://fb.me/react-dom-0.14.3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.28.1/react-bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container"></div>

CSS

.mybtn {
  margin-top:25px;
}

JavaScript 1.7

var Grid = ReactBootstrap.Grid;
var Row = ReactBootstrap.Row;
var Col = ReactBootstrap.Col;
var Input = ReactBootstrap.Input;
var Button = ReactBootstrap.Button;

var Hello = React.createClass({
    render: function() {
        return (
        		<Grid>
                <Row>
                    <Col xs={6} md={6}>
                      <Input type="text" label="Filter"/>
                    </Col>
                    <Col xs={6} md={6}>
                      <Button  className="mybtn">Clears</Button>
                    </Col>
                  </Row>
            </Grid>
        );
    }
});
 
ReactDOM.render(
	<Hello name="World" />,
    document.getElementById('container')
);