title: Call multiple async functions using useEffect
body: <p>I have the following function that makes a call to the api</p>
  <pre><code>  useEffect(() =&gt; {
      loadMarkets();
    }, []);
  
    async function loadMarkets() {
      const marketInformation = await frService.getMarketInfo();
      addMarketInfo(marketInformation.response.data);
    }
  </code></pre>
  <p>I want to make a similar call to <code>loadBooks()</code>. If I don't mind which method comes first, would I be able to just call it like below or should I be wrapping this in 1 async function/wrap it in a Promise?</p>
  <pre><code>  useEffect(() =&gt; {
      loadMarkets();
      loadBooks();
    }, []);
  
    async function loadMarkets() {
      const marketInformation = await frService.getMarketInfo();
      addMarketInfo(marketInformation.response.data);
    }
  
    async function loadBooks() {
      ....
  </code></pre>