Load data in parallel with async components

Components in Jeasx can be async and simply await their data. The renderer resolves them one after another, so three components that each wait one second take three seconds in total.

As JSX also accepts promises as children, you can kick off all requests up front and hand the pending promises to your markup. Now everything loads at the same time while the output order stays the same.

Sequential Parallel

Loading...

Ada
loaded at +1001 ms

Loading...

Grace
loaded at +2003 ms

Loading...

Linus
loaded at +3005 ms

Rendered in 3005 ms