parallel-fetch.js

const parallelFetch = async (urls) => {
  var data = await Promise.all(
    urls.map((fetchParams) => {
      const { url, options = {} } = fetchParams;
      return fetch(url, options).then((response) => response.json());
    })
  );
  return data;
}

export default parallelFetch;

parallel-fetch.ts

type FetchParams = {
  url: string;
  options?: RequestInit;
};

async function parallelFetch<T = any>(urls: FetchParams[]): Promise<T[]> {
  const data = await Promise.all(
    urls.map(async ({ url, options = {} }) => {
      const response = await fetch(url, options);

      if (!response.ok) {
        throw new Error(`Fetch failed: ${response.status} ${response.statusText}`);
      }

      return response.json() as Promise<T>;
    })
  );

  return data;
}

export default parallelFetch;