title: How to maintain the state of React/Redux application across page refreshes?
body: <p>I am new to react js. </p>
  
  <p>I have two routes like A &amp; B. Now i am passing some values from A to B as props. If B page is refreshed, then all props values from A is gone and B page is not rendering. I am using react with redux.</p>
  
  <p><code>mapDispatchToProps</code> &amp; <code>mapStateToProps</code> functions are used to pass values between A &amp; B routes as props.</p>
  
  <p><strong>For example:</strong> Route A has done some calculations and store the values in redux state and Route B is exported as <code>connect(mapStateToProps, mapDispatchToProps)(B)</code>, by using <code>mapStateToProps</code> in which A's state values are passed to B as props.</p>
  
  <p><strong>Please suggest me the best way to handle browser refresh</strong> on above mentioned use case and also if any other best way to pass the values between routes. Thanks in advance.</p>