Parellel Suspense Fetching

[ConsoleTVs]

Currently, if a component requires more than once fetch, the Suspense will first throw the first promise and after it's resolved, it'll throw the second, making it similar to:

await getUser()
await getPosts()

const { data: user } = useSWR("user", {
  suspense: true,
});

const { data: posts } = useSWR("posts", {
  suspense: true, 
});

I would like to suggest a way for us to determine all the fetching in parallel so that the behaviour is something like this:

await Promise.all([getUser(), getPosts()])

Therefore, allowing us to throw a single promise in suspense mode and performing parallel fetching. This problem is more noticeable the more fetches you have.

---

This is how I solved it in my vswr library (SWR for vue.js)

https://github.com/ConsoleTVs/vswr#parallel-suspense

[koba04]

#168 is an RFC to solve this 👍

[ConsoleTVs]

Good to know!