index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, IndexRoute, browserHistory} from 'react-router';
import App from 'App';
import About from 'screens/About';
import Conduct from 'screens/Conduct';
import Home from 'screens/Home';
import Schedule from 'screens/Schedule';
import Speakers from 'screens/Speakers';
import Sponsors from 'screens/Sponsors';
import Stream from 'screens/Stream';
import Venue from 'screens/Venue';
import Workshop from 'screens/Workshop';
import ga from 'helpers/googleAnalytics';
import './assets/css/styles.css';
import './assets/css/responsive.css';

const NotFound = () => {
  return (
    <div className="NotFound">
      <img src="assets/dist/img/icons/t-rex.svg" />
      <h1>Sorry, you're looking for something that no longer exists.</h1>
      <section className="highlight">
        <p>
          But since you're here, why not{' '}
          <a href="https://youtu.be/dQw4w9WgXcQ" target="_blank">
            watch a video
          </a>{' '}
          of our favorite talk from last year?
        </p>
      </section>
    </div>
  );
};

// Fix history
(function() {
  const hash = location.hash;
  const redirect = sessionStorage.redirect;
  delete sessionStorage.redirect;

  // Fix history for redirect coming from gh-pages 404.html
  if (redirect && redirect !== location.href) {
    history.replaceState(null, null, redirect);
  }
  // Fix history for legacy hash history URLs
  else if (hash.trim().length !== 0) {
    history.replaceState(null, null, hash.replace('#', ''));
  }
})();

ReactDOM.render(
  <Router
    history={browserHistory}
    onUpdate={() => {
      window.scrollTo(0, 0);
    }}>
    <Route path="/" component={App}>
      <IndexRoute component={Home} />
      <Route path="/about" component={About} />
      <Route path="/conduct" component={Conduct} />
      <Route path="/schedule" component={Schedule} />
      <Route path="/speakers" component={Speakers} />
      <Route path="/sponsors" component={Sponsors} />
      <Route path="/stream" component={Stream} />
      <Route path="/venue" component={Venue} />
      <Route path="/workshop" component={Workshop} />
      <Route path="*" component={NotFound} />
    </Route>
  </Router>,
  document.getElementById('container'),
);