React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/react-router-dom@4.2.2/umd/react-router-dom.min.js"></script>
<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

const Router = window.ReactRouterDOM.HashRouter;
const Route = window.ReactRouterDOM.Route;

const BaseLayer = () => {
 return (
   <div>
     BaseLayer is working
   </div>
 )
}
   
const App = () => {
   return (
     <div>App</div>  
   )
    
}

ReactDOM.render((
  <Router>
    <div>
      <Route exact path="/" component={BaseLayer} />
      <Route path="/editor" component={App}  />
    </div>
  </Router>
), document.querySelector('#container'));