title: Recommended approach to deep linking using redux and react-router
body: <p>I am building a web app using React (15.3.0), Redux (3.5.2) and react-router (2.6.1). I include the versions as I've seen a few related posts but they reference old versions of these libraries.</p>
  
  <p>I have some state that I would like to persist on the URL so that the user can deep link to it. By deep linking, I mean that a user can link directly to a state of a page. I have various pages in my app, each page has a separate reducer, the state for each page should persist between pages.</p>
  
  <p>I've read Dan Abramov's recommended approach: <a href="https://stackoverflow.com/questions/36722584/how-to-sync-redux-state-and-url-hash-tag-params/36749963#36749963">How to sync Redux state and url hash tag params</a>
  Which seems ok, apart from persisting state between pages.</p>
  
  <p>An example scenario:</p>
  
  <ol>
  <li><p>User lands on page one: <code>/page1</code></p></li>
  <li><p>User interacts with the page causing state to be saved in the URL: <code>/page1?state={...}</code></p></li>
  <li><p>User goes to page 2: <code>/page2</code></p></li>
  <li><p>User interacts with page 2: <code>/page2?state={...}</code></p></li>
  <li><p>User links to page 1, expecting to see that page as they left it. Problem! How do we recover the state from page 1?</p></li>
  </ol>
  
  <p>I've looked at react-router-redux, but I can't tell if it does what I need it to?</p>
  
  <p>Is there a common approach to this problem? If so what is it? If not, can you suggest an approach?</p>