Cómo utilizar los componentes de LitElement en cualquier proyecto web

Hoy en día, prácticamente todos los navegadores entenderán el código de Web Components con el que trabajemos. No obstante, la implantación de estos componentes en cualquier proyecto web requiere de cierta práctica y preparación previa. Esto es exactamente lo que haremos en este tutorial con un ejemplo muy sencillo. Y, para ello, nos apoyaremos en LitElement, que funciona con cualquier tecnología que usemos del lado del servidor.

Leer más

Redux en LitElement

Ya hace un tiempo que realizamos una primera aproximación teórica a Redux, una librería específica para el control del estado, útil para aplicaciones desarrolladas bajo cualquier framework frontend. Resulta especialmente interesante porque encaja muy bien con el modelo de desarrollo de LitElement, aunque no sea necesario su uso en las aplicaciones basadas en Web Components, así que esto es algo que abordamos en este artículo.

Leer más

Qué evolución tendrán Polymer y LitElement

Polymer tiene una corta vida, pero su evolución ha sido meteórica y con un futuro prometedor. Sin embargo, la llegada de LitElement, una clase de programación orientada a objetos JavaScript que podría considerarse su evolución (no en vano comparten creadores) nos hace plantearnos su evolución. La clave de esta historia son los Web Components, que evitan la necesidad de utilizar librerías propietarias utilizando el estándar de JavaScript, mejorando el peso de las aplicaciones y ayudando al navegador a resolver todo por su cuenta.

Leer más

Introducción a LitElement

Creada por el equipo desarrollador de Polymer, LitElement es una clase con la que podremos construir componentes de una manera rápida y sencilla. Al estar realizada en JavaScript estándar y contar con las características propias de los navegadores, es muy liviana y tiene un elevado rendimiento. También podremos crear componentes para frameworks como Angular, React o VueJS.

Leer más