Renderizado en línea con document.currentScript
· Fuente: Simon Willison
Lean Rada ha publicado una breve nota que muestra cómo aprovechar la propiedad document.currentScript para crear fragmentos de código incrustado que se sustituyen automáticamente al cargar la página. El método consiste en insertar un pequeño elemento
Para simplificar aún más la sintaxis, el autor define una función abreviada $ que recibe cualquier número de argumentos y los pasa a replaceWith(). Con esta ayuda, la misma operación se reduce a <script>$(new Date().getFullYear())</script>, creando una especie de mini‑lenguaje de plantillas que permite insertar valores calculados directamente en el HTML.
Esta técnica resulta útil para desarrolladores que buscan reducir la cantidad de código JavaScript externo y mantener la lógica de generación de contenido lo más cercana posible al marcado. Además, al ejecutarse en el momento de la carga, evita la necesidad de eventos adicionales o de manipulaciones posteriores del DOM, lo que puede mejorar la eficiencia y la claridad del código. En un entorno donde la velocidad de renderizado y la simplicidad del front‑end son cada vez más críticos, disponer de una forma ligera de insertar datos dinámicos directamente en el HTML representa una ventaja práctica para proyectos web de cualquier escala.
Leer artículo original en Simon Willison
Este resumen es una síntesis informativa elaborada por dataqbs.com. Todos los derechos sobre el contenido original pertenecen a su autor y al medio de comunicación citado. Nosotros solo actuamos como curadores de noticias tecnológicas, sin reclamar autoría alguna.