Using lit-html with WebComponetns (Custom Elements and Shadow DOM)

WebComponents can use ES 6 Template Literals to render dynamic contents out-of-the-box [see e.g. webcomponents.training ].

In this screencast an efficient (~500 unminified LoC), ES 6 template titeral-based, template library: lit-html was used to render only the "dirty" parts of the DOM tree.

See you at Structuring Single Page Applications (SPA)s / Progressive Web Applications (PWA)s with WebComponents -- the "no frameworks, no migrations" approach, at Munich Airport, Terminal 2 or webcomponents.training (online).


Web Apps, SPA, PWA with vanilla Java Script (ES 6+), CSS 3 and WebStandards only. As simple as possible, but not simpler. See you at: (Progressive) Web apps, Single Page Apps and WebStandards airhacks workshops at MUC airport, Winter Edition

airhacks.fm the podcast:

Stay in touch: airhacks.news.

Comments:

Post a Comment:
  • HTML Syntax: NOT allowed
Online Workshops
realworldpatterns.com
...the last 150 posts
...the last 10 comments
License