React Base Fiddle (JSX)

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

by Martins Abilevs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router-dom/4.1.2/react-router-dom.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

var { BrowserRouter, Switch, Route, Link } = ReactRouterDOM;


var A = React.createClass({
    render: function() 
    {
        return <div>A ROUTE</div>;
  	}
});

var B = React.createClass({
    render: function() 
    {
        return <div>B ROUTE</div>;
  	}
});

var App = React.createClass({
    render: function() 
    {
        return <div>
            <Link to='/A'><div className="info span">A</div></Link>
            <Link to='/B'><div className="info span">B</div></Link>

             <Switch>
                <Route exact path='/A' component={A}/>
                <Route path='/B' component={B}/>
            </Switch>

        </div>;
  	}
});

ReactDOM.render( (<BrowserRouter><App/></BrowserRouter>), document.getElementById('root') );