Google poursuit ses expérimentations pour le web d’après demain en sortant une version stable de deux librairies majeures. Cette release s’effectue dans le cadre du projet Polymer.Polymer est un projet Google. Il consiste en un framework permettant de développer des applications web et notamment des PWA (Progressive Web Applications).
Le framework Polymer est basé sur l’utilisation de Web Components. Polymer est en quelque sorte un projet concurrent d’Angular car il permet de développer des applications web et des PWA. Pour plus d’informations sur les différences entre les deux framework, consultez notre article « Angular versus Polymer ».
Lit-html est une librairie javascript de templating extensible, très légère (3k minifiée et compressée) , dynamique et possédant une syntaxe javascript. Elle est idéale pour créer des web components.
S’agissant d’une classe de base, elles est extensible et vous permet de développer vos propres classes de templating en l’enrichissant. Quelques projets d’extensions ont déjà vu le jour et sont répertorié sur le repository github de lit-html : https://github.com/web-padawan/awesome-lit-html. A noter que lit-html peut également être utilisée en tant que tel dans des projets tout à fait standards.
La librairie Lit-html est dynamique. Elle va garder une trace de la position des données de chaque template et mettre le DOM à jour lorsque les données se voient mises à jour.
Pour plus d’information sur lit-html : https://lit-html.polymer-project.org/.
LitElement est une classe permettant de créer des Web Components de manière simple et rapide.
La classe LitElement utilise une syntaxe déclarative simple qui permet de créer des Web Components simplement et rapidement. LitElement utilise lit-html comme librairie de templating profitant ainsi des avantages de lit-html.
La classe LitElement respecte les standards définis pour les Web components.De fait, les composants créés sont utilisables avec de très nombreux frameworks.