Demos

Interactive demos that accompany the articles on the blog.

• Basic marker streaming
  The server streams a <?marker> and fills it with a <template> a moment later.
• Out-of-order streaming
  The menu sits at the top of the page but streams in last, so the main content paints first (better LCP).
• Native component model
  Fetch a self-contained component (scoped @scope styles + markup + behavior) and mount it with runScripts: true so its <script> runs.
• Server-aware partial updates
  The same URL returns a full document on a direct request, but only a <template> patch when fetched from inside the app. The server branches on Sec-Fetch-Mode. A sketch of the next article.