Parallelism live test

This page is used to test fetch in parallel with React Server Components. It lists two examples below. The first example is a React Server Component using Promise.allSettled and the second example is a React Server Component using async await.

You can refresh the page to see the effect of the parallelism.

Both examples is loading three promises that mocks the functionality of fetch with a delay of 1000 milliseconds. The first component utilizes Promise.allSettled to load the promises in parallel. The second component utilizes async await to load the promises.

The first component should execute in approximately 1000 milliseconds. The second component should execute in approximately 3000 milliseconds.

Promise.allSettled

Total execution time: 1000 ms

Posts delay: 1000 ms

Comments delay: 1000 ms

Users delay: 1000 ms

Async await

Total execution time: 3000 ms

Posts delay: 1000 ms

Comments delay: 1000 ms

Users delay: 1000 ms

This page is used as an interactive example to aid the post discussing parallelism with promises.