We often see two sides of a spectrum in js framework approaches to templating: directive-driven and mental model driven. Vue and Lucia are good examples of directive-driven templates, with things like v-if, and JSX is a good example of mental model driven since you know the JSX markup is just js syntactically sugared to look like html and you then act accordingly. Here's another 3k library from the mental model side of the spectrum that uses a lit-html-like approach, where the template is just a string template literal: https://andrewfulrich.gitlab.io/barleytea/