Show HN: Phooos – Pure HTML Out-of-Order Streaming Without JavaScript | Hacker News Reader

Show HN: Phooos – Pure HTML Out-of-Order Streaming Without JavaScript

github.com

3 pointsniutech2 comments

If I'm understanding correctly, the TLDR is

    <template shadowrootmode="open">
        <slot name="thing">Loading...</slot>
    </template>

    <!-- then, later, at the end, with streaming -->
    <div slot="thing">Content</div>

and the <slot> with name="thing" will get replaced by the <div> with slot="thing"? This is really cool

Yes it is. And it is supported by all modern browsers (https://caniuse.com/declarative-shadow-dom), for older browsers you can add a tiny polyfill. Keep in mind that you need to link CSS stylesheet inside Declarative Shadow DOM or use CSS ::part() from outside of it.

Reply on news.ycombinator.com