Render async iterables

Besides promises, JSX children can be async iterables, e.g. an async generator. Their items are rendered in order as they arrive. The markup rendered so far is sent to the browser while waiting for the next item. Reload to watch it again.

A component can be an async function* which yields JSX. This is a natural fit for paginated APIs or database cursors: the next page is only loaded when the renderer needs it, and each page is streamed as soon as it is ready. If the browser stops loading the page, the generator is stopped like a for await loop on break, so its finally block runs and can release resources.

All done after 3506 ms.