Saltar al contenido

¿Cuál es la diferencia entre lit-element y lit-html?

Nuestro grupo de redactores ha estado largas horas investigando la resolución a tus preguntas, te brindamos la respuestas por eso esperamos serte de mucha ayuda.

Solución:

Primero, aclaremos los siguientes puntos:

  • Las tecnologías de componentes web son compatibles con los navegadores modernos de forma predeterminada. Puede crear una aplicación de componente web utilizando la API del navegador.

  • Las plantillas HTML han existido desde 2013 al menos.

lit-element biblioteca es una versión “ligera” de componentes web. Lo usaría si desea crear una aplicación en Web Component y, si lo hace, estaría utilizando su función integrada. lit-html vía html para crear plantillas HTML

Por otro lado, tal como dijiste, lit-html es una biblioteca que tiene un mecanismo eficiente para crear y actualizar plantillas HTML. Puede usarlo cuando necesite una plantilla HTML, independientemente del marco/biblioteca que esté usando para su sitio web, si corresponde.

Por ejemplo, podría crear un sitio web con jQuery o Vanilla Web Components y uso lit-html para crear las plantillas HTML.

lit-html es una biblioteca que se ocupa de la representación de dom como otras bibliotecas, por ejemplo, React. Utiliza la forma más nueva de diferenciar el árbol de dom con la ayuda de plantillas etiquetadas nativas.

var h1 = html`

Header 1

`

como cualquier otro marco/biblioteca, por ejemplo, JSX, también le proporciona una construcción dentro de la plantilla etiquetada y directivas para ayudar.

LitElement es un marco ligero que utiliza lit-html como motor de renderizado. Le proporciona las propiedades observadas, attributes y devoluciones de llamadas del ciclo de vida de los componentes web

Para una aplicación web, debe optar por LitElement, si no desea reinventar el enlace de datos, el almacenamiento en caché, las devoluciones de llamadas, etc., definitivamente necesitará más, como el seguimiento del estado, el enrutamiento, etc., que puede emplear de otras bibliotecas o desarrollar uno propio.

Si guardas algún titubeo y disposición de ascender nuestro tutorial puedes añadir una nota y con deseo lo estudiaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *