title: how to update a route in React Router without re-mounting the component in a single page app?
body: <p>I'm looking for a way to "cosmetically" update the route in the address bar of a React/Redux/React-Router/React-Router-Redux application, <strong>without</strong> actually causing the component to remount when the route changes.</p>
  
  <p>I'm using React CSS Transition Groups to animate entering a route. So when the user goes from</p>
  
  <p><code>/home/</code></p>
  
  <p>to </p>
  
  <p><code>/home/profile/bob</code>,</p>
  
  <p>an animation fires.</p>
  
  <p>However, once on <code>/home/profile/bob</code>, the user can swipe left/right to get to other profiles -- <code>/home/profile/joe</code> etc. </p>
  
  <p>I want the URL in the address bar to update when this happens, but currently that causes the <code>profile</code> component to re-mount, which re-triggers the CSS Transition Group, causing the animation to trigger -- I only want that animation to trigger when going from a non-profile route to a profile route, not when switching between profile routes.</p>
  
  <p>I hope this makes sense. I'm essentially looking for a way to "cosmetically" update the app URL without forcing a re-mounting of the component which manages that route.</p>