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).