React Router and Mobx

React 15.4.0, react router and mobx loaded in a near empty fiddle

by amindunited

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mobx/2.6.3/mobx.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mobx-react/4.0.2/index.js"></script>
<script src="https://unpkg.com/react-router/umd/ReactRouter.min.js"></script>
<!-- <script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script> -->
<div id="container">

</div>

Babel + JSX

console.log(window);
const { Router, IndexRoute, Redirect, Route, Link, browserHistory } = ReactRouter;
const ReactDom = ReactDom;

history.replaceState(0,0,'/');

class App extends React.Component {
	render() {
  	return (<div>
      <h2>App</h2>
      {this.props.children}
    </div>)
  }
}

class Hello extends React.Component {
	render() {
  	return (<div>Hello</div>)
  }
}

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Hello}></IndexRoute>  
    </Route> 
  </Router>,
  document.getElementById('container')
);