title: How to send GET/POST requests using express and react router?
body: <p>I currently have express set up to serve a static html page where my react components mount to. I'm also using react router because I have nested routes. For example:</p>
  
  <p><a href="https://i.stack.imgur.com/83bvL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/83bvL.png" alt="enter image description here"></a></p>
  
  <p>I have an App component (green outline). Within that component, I'm rendering a Header component (orange outline) and a Footer component (red outline) and passing in a Review component (blue outline) through this.props.children. </p>
  
  <p><strong>My server.js file (express):</strong></p>
  
  <pre><code>const express = require('express');
  
  const app = express();
  
  app.use(express.static('dist'));
  
  const PORT = process.env.PORT || 3000;
  
  app.listen(PORT, function() {
    console.log(`Listening on port ${PORT}...`);
  });
  </code></pre>
  
  <p><strong>My routes.js file (react-router):</strong></p>
  
  <pre><code>import React from 'react';
  import ReactRouter, {
    Router,
    Route,
    browserHistory,
    IndexRoute,
  } from 'react-router';
  
  import App from '../components/App';
  import Home from '../components/Home';
  import Review from '../components/Review';
  import Game from '../components/Game';
  
  const routes = (
    &lt;Router history={browserHistory}&gt;
      &lt;Route path="/" component={App} &gt;
        &lt;IndexRoute component={Home} /&gt;
        &lt;Route path="/game/:id" component={Game} /&gt;
        &lt;Route path="/game/:id/review" component={Review} /&gt;
        &lt;Route path="*" component={Home} /&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  );
  
  export default routes;
  </code></pre>
  
  <p>My question is, I want to be able to make GET/POST requests (GET from the Game component to display all reviews from a db and POST to create a new review from the Review component), but where should that happen? I can't tell if it has to happen in my express routes because it seems to me that all express is doing is rendering the static html page and then react-router is taking over after that with handling which components to display. </p>
  
  <p>Any and all help is greatly appreciated. </p>