Declarative Shadow DOM
Una forma de crear Shadow DOM directamente en el marcado HTML (mediante <template shadowrootmode="open">) en lugar de solo con JavaScript. Resolvió el gran obstáculo para renderizar web components en el servidor: sin esto, el shadow DOM solo podía crearse con JS en el navegador.
El problema: el Shadow DOM (la encapsulación de los web components) tradicionalmente solo se creaba con JS (attachShadow()) → un servidor no podía renderizar de antemano el contenido encapsulado de un web component, así que aparecía en blanco hasta que el JS se ejecutaba (malo para el SSR, el rendimiento y el SEO). Declarative Shadow DOM permite expresar la encapsulación directamente en el HTML que envía el servidor: un <template shadowrootmode> dentro del elemento se convierte automáticamente en su shadow root cuando el navegador analiza la página — no hace falta JS para establecer la encapsulación. La ganancia: los web components ahora pueden renderizarse en el servidor y transmitirse en streaming, aparecer de inmediato y luego hidratarse. Era la pieza que faltaba para hacer los web components viables en el mundo del SSR. Soporte amplio desde ~2023-2024. Va de la mano con los web components y el streaming SSR.