title: Redux State Resets On Window Reload (Client Side)
body: <p>I have very large and complicated objects like userInfo, chatInfo, and etc as in objects &amp; arrays with very large and nested information. The thing is in my react app every time I refresh my page the redux state gets reset and I have to call all those API's again.</p>
  
  <p>I did some research on this topic. I checked Dan Abramov's egghead tutorial on redux. What he does is maintain the redux state in localStorage of the browser and updated the localStorage after every 100 or 500 ms. I feel as if this is a code smell.</p>
  
  <p>Continuously watching the localStorage state and updating it, wouldn't it effect the performance of the browser. I mean wasn't this on of the reasons Angular 1 failed because it continuously kept on watching state variables and after a while if the site was kept live in the browser it just slowed down. Because our script continuously kept on checking the state of the variables. i feel as if we are doing the same thing here.</p>
  
  <p>If maintaining the redux state in localStorage is the right approach can someone tell me why so? And if not is there a better approach?</p>
  
  <hr>
  
  <p>This is not a duplicate of <a href="https://stackoverflow.com/questions/37195590/how-can-i-persist-redux-state-tree-on-refresh">How can I persist redux state tree on refresh?</a> because I am asking for advice whether persisting state in local storage is a code smell or not</p>