title: React + Flux: best practice for calling an action after another action?
body: <p>I have a component, let's call it <code>List</code>, that calls an action creator <code>Action1.getItems()</code>.
  After <code>Action1.getItems()</code> has retrieved information from a server, I need to call another action creator: <code>Action2.getMoreItems()</code>, which is a totally different action in a different file.</p>
  
  <p>Facts:</p>
  
  <ol>
  <li>Both actions creators dispatch an action and change a store.</li>
  <li>I can't call <code>Action2.getMoreItems()</code> inside the <code>_onChange()</code> of <code>List</code> because it throws an error "<code>Cannot dispatch in the middle of a dispatch ...</code>"</li>
  </ol>
  
  <p>Possibilities?</p>
  
  <ol>
  <li>Call <code>Action2.getMoreItems()</code> inside <code>Action1.getItems()</code> after the server returns</li>
  <li>Add a callback so I will have <code>Action1.getItems(callback)</code> and call <code>Action2.getMoreItems()</code> inside that callback from <code>List</code> component.</li>
  </ol>
  
  <p>I believe this might be a very basic use of Flux but I still can't get my head around on how to get it right, both solutions look ugly to me.</p>
  
  <p>Suggestions?</p>
  
  <p>Thank you!</p>