A framework & scaffold for structuring Lit components in a way that enables server-side rendering, client-side hydration, and intelligent JavaScript chunk loading as users interact with a page.
This component renders its initial state on the server with the current server time. JavaScript on the client for this component is loaded "eagerly", which means that, while separated into it's own chunk, it loads as soon as it can without waiting for user interactions.
This component was rendered on the server, but client-side JavaScript for it was not loaded until it scrolled into the viewport.
To see it work, open the web inspector network tab, scroll up to the top of the page, refresh, and scroll down.