title: React-Redux ideal interaction with a database
body: <p>If there is a complex Redux store for determining the states of many components throughout the app. </p>
  
  <p>What is the best pattern for when to save things to the DB? I see pros and cons to different approaches, but I am wondering what is standard for applications with a complex UI?</p>
  
  <ul>
  <li><p><strong>Save the store to DB every time a change is made.</strong> (Makes it difficult chasing lots of instant vs. async processes... Either lots of <code>loading</code> states and waiting or juggling the store and the DB separately.)</p></li>
  <li><p><strong>Autosaving every now and then...</strong> (Allows the store to instantly determine the UI, faster... With occasional <code>loading</code> states.)</p></li>
  <li><p><strong>Manual saving...</strong> Ya, no thanks...</p></li>
  </ul>