title: How to use firebase onSnapshot and maintain consistency
body: <p>I am developing a React/redux application and my idea is to subscribe to all of my firebase collections using <code>onSnapshot</code> and update the state on each update and React will update the UI on each state change.</p>
  
  <p>However, I have also redux actions which trigger updates in multiple collections (say A and B) and they will result in different <code>onSnapshot</code> calls. This makes my UI inconsistent.</p>
  
  <p>What is the best practice for this in firebase? </p>