Comenzamos el Manual de LitElement, una clase base para crear Custom Elements (elementos bajo el estándar de Web Components), con una serie de mejoras adicionales al propio estándar que seran realmente interesantes para cualquier desarrollador frontend.

LitElement, o lit-element si lo prefieres, está creada por el equipo de Polymer e impulsado por Google. Representa la evolución de la Librería Polymer, pero más adaptada al estándar y a las nuevas características de los navegadores y del lenguaje Javascript, ya que usa todas las características más novedosas de las tecnologías, con lo que consigue mejorar el rendimiento de las aplicaciones y ser muy ligera.

En este manual aprenderás a usar LitElement para desarrollar de una manera sencilla y ágil tus propios elementos, capaces de interoperar con cualquier tipo de proyecto, ya sea Javascript nativo o cualquier librería o framework con el que quieras trabajar. Gracias a su compatibilidad en cualquier ámbito donde se use Javascript podrás usar los componentes web creados con LitElement a lo largo de todos los proyectos donde los necesites, da igual si están basados en React, Vuejs, Angular, por poner varios ejemplos.

Usando LitElement podrás contar con una base de alto rendimiento para el desarrollo de componentes, ya que implementa un sistema de binding ultrarápido que nos ofrece LitHTML, capaz de ofrecer más rendimiento que todos sus competidores más populares, incluido por supuesto el virtual dom de React. LitHTML está también creado por el equipo de Polymer, como el propio LitElement.

En sus pocas KB de peso (6KB minimizado y comprimido) además de su sistema de templates, da soporte a diversos tipos de propiedades, que mantiene sincronizadas con los atributos de los componentes.

Aunque LitElement esté orientado a creación de componentes, también lo puedes usar para crear cualquier tipo de aplicación frontend. La experiencia de desarrollo es muy agradecida y productiva. Aprende con nosotros en el Manual de LitElement y comienza a aprovechar de verdad toda la potencia del Javascript nativo de los navegadores.