LitElement

> Temas > LitElement
Editar

LitElement es una clase base para el desarrollo de custom elements, o elementos personalizados del estándar de Web Components. Con LitElement podemos desarrollar componentes web Javascript estándar con diversas utilidades extra.

LitElement es una clase base para crear elementos personalizados basados en el estándar Javascript de los Web Components. Esto es, una clase de Programación orientada a objetos sobre la que podemos extender para crear componentes que tienen diversas utilidades significativas para que la experiencia de desarrollo sea más agrandable y más productiva.

Podemos considerar a LitElement como una librería para Web Components, aunque es quizás mejor el término "microlibrería", ya que su peso es alrededor de 6 KB (Gziped, en torno de 27 KB sin comprimir). Por tanto, el coste de aplicar LitElement para crear componentes es realmente asumible y justificado, dada la cantidad de beneficios que nos aporta.

LitElement a su vez se basa en LitHTML, que es una microlibrería (de peso en torno a 3 KB Gziped) para creación de templates reactivos, que consigue ser más rápida y aportar más rendimiento que cualquiera de los motores de templates más populares como el de React, Vue o Angular. LitHTML se puede usar en cualquier proyecto Javascript donde queramos usar plantillas capaces de reaccionar a cambios en el estádo de las aplicaciones. Podemos pensar en LitElement como un LitHTML extendido para poder ser usado cómodamente en el contexto de los custom elements del estándar Web Components.

Entre las posibilidades que nos aporta LitElement tenemos las siguientes:

  • Templates reactivos, que cambian automáticamente cuando cambia el estado (las propiedades) de los componentes
  • Capacidad de sincronización automática entre los atributos de las etiquetas y el estado de los componentes
  • Agrega nuevos métodos del ciclo de vida de los componentes
  • Ofrece diversas funciones de utilidad general para el desarrollo de componentes de interfaz gráfica
¿Quieres añadir algo sobre LitElement?

Crea artículos, recursos o comparte información sobre LitElement

Crear un bloque

LitElement

Manuales

Manual de LitElement
Este es el manual de LitElement que te permitirá crear Custom Elements (elementos personalizados), bajo el estándar Javascript de Web Components, con una base de utilidades muy interesante para el desarrollador.

Canales de eventos y clases en directo

Temas relacionados

Preguntas y respuestas

Se han recibido 1 faqs en LitElement

Hacer una pregunta