Streaming HTML out of order without JavaScript

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • caniuse

    Raw browser/feature support data from caniuse.com

    Seems like browser support is pretty universal, even says so in the article

    > All browsers support streaming HTML

    And the caniuse is promising: https://caniuse.com/?search=slot

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • h-include

    Declarative client-side inclusion for the Web, using Custom Elements V1

    While it needs a little JS to initialise, that’s easy enough to do with custom elements: https://github.com/gustafnk/h-include

  • WHATWG HTML Standard

    HTML Standard

    There's a long-standing WHATWG feature request open for it here: https://github.com/whatwg/html/issues/2791

    And several userland custom element implementation, like https://www.npmjs.com/package//html-include-element

    One of the cool things that you can do with client-side includes and shadow DOM is render the included HTML into a shadow root that has s, so that the child content of the include element is slotted into a shell implemented by the included HTML.

    This lets you do things like have the main page be the pre-page content and the included HTML be a heavily cached site-wide shell, and then another per-user include with personalized HTML - all cached appropriately.

  • swtl

    A Service Worker Templating Language (swtl) for component-like templating in service workers. Streams templates to the browser as they're being parsed, and handles rendering iterables/Responses in templates by default.

    Fun stuff!

    The underlying `swtl` library is itself pretty interesting.

    Note the use of `delayed(...)` in the blog's example code: that's a promise. In a tagged template.

    SWTL's `html` allows for this (I think the blog's example follows the simple case here https://github.com/thepassle/swtl/blob/main/html.js#L23). And SWTL's `render` method races the promises (https://github.com/thepassle/swtl/blob/main/render.js#L120) outward.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Responsive video - How can we reduce the size of video content served?

    1 project | dev.to | 10 Jul 2024
  • Add Writingsuggestions="" Attribute

    1 project | news.ycombinator.com | 12 Mar 2024
  • YouTube video embedding harm reduction

    2 projects | news.ycombinator.com | 28 Feb 2024
  • HTML Living Standard

    1 project | news.ycombinator.com | 28 Jan 2024
  • New in Chrome 120 back button detection

    3 projects | news.ycombinator.com | 5 Dec 2023

Did you konow that HTML is
the 11th most popular programming language
based on number of metions?