Main JS file with react-router

main.js

// Grab the react and react-dom pkgs -->
import React from 'react';
import ReactDOM from 'react-dom';

// Grab Router, Route and browserHistory from react-router ->
import { Router, Route, IndexRoute, browserHistory } from 'react-router';

// Grab Navigation component -->
import Navigation from '../components/navigation';

// Write an App Component -->
const App = () => {
  return (
    <div>
      <Navigation />
    </div>
  );
};

// Start Routes -->
const routes = (
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      {/*...We will have some other routes here...*/}
    </Route>
  </Router>
);

// Render the App Component to the app class
// Use Meteor.startup (Makes sure the Meteor app starts up before you try rendering to the DOM)
Meteor.startup(() => {
  ReactDOM.render(routes, document.querySelector('.app'));
});