title: React-Router: Navigation based on value created in redux reducer
body: <p>I'm trying to create a React.js version of <a href="https://rarwe-demo.pagefrontapp.com/bands" rel="nofollow">https://rarwe-demo.pagefrontapp.com/bands</a> using React-Router and Redux.</p>
  
  <p>I would like to mimic the behaviour of the other app when a new band is created. Namely, navigate to the new band.</p>
  
  <p>The URL of the app is <code>.../bands/&lt;bandid&gt;/songs</code>. I'm storing bands in an array and <code>&lt;bandid&gt;</code> is the index into the array and I don't know what that is until <em>after</em> it's created.</p>
  
  <pre><code>[
      {
          id: 0,
          name: 'Pearl Jam',
          songs: [
              ...
          ]
      },
      {
          id: 1,
          name: 'Led Zeppelin',
          songs: [
              ...
          ]
      },
  ]
  </code></pre>
  
  <p>My first thought was dispatching another action. But that seems wrong to have a "changeUrl" action based on band name. Also, how would I do that in the correct order as the create operation could take a while?</p>
  
  <p>It also feels wrong to store a "selectedBand" value in Redux as then I have to ensure the URL and this value is synchronised.</p>
  
  <p>I presume there is a "standard" way of doing it, but my google-foo is failing me. I've been able to find lots of example of firing a Redux action based on a URL transition, but not the other way around.</p>