How to dispatch multiple actions one after another : <p>In my react / redux application I often want to dispatch multiple actions after another.</p>

<p>Given the following example: After a successful login I want to store the user data and <strong>after that</strong> I want to initiate another async action that loads application configuration from the server.</p>

<p>I know that I can use <code>redux-thunk</code>to build an action creator like this</p>

<pre><code>function loginRequestSuccess(data) {
  return function(dispatch) {
    dispatch(saveUserData(data.user))
    dispatch(loadConfig())
  }
}
</code></pre>

<p>So my questions are:</p>

<ol>
<li>When the first <code>dispatch</code>returns, is the state already changed by all reducers listening for that action? I'm wondering if the two dispatch calls are run strictly sequential.</li>
<li>Is this approach considered best practice for dispatching multiple actions? If not, what would you suggest alternatively?</li>
</ol>

<p>Thanks for any help!</p>
