Question: How to handle render inheritance? about lit HOT 4 CLOSED

In case it's not immediately clear: the multiple example uses the html template tag in each class's render function, the single v1 example only uses it at the end of the inheritance chain, and the single v2 example only uses it at the final lit-html render call.

from lit.

Good question. The "Multiple" example is the correct way do compose templates. A string without a html tag is just a string, and would be rendered as text, not HTML (it would render the text "<div></div>", not an empty <div>).

I think this becomes more clear when you have more complex templates with expressions. If you didn't tag them with html, they'd be strings with embedded values that aren't efficiently updatable.

from lit.

Ah okay, that makes sense. If I'm understanding this correctly, the super.render() call in the "multiple" example would end up as a value right? In which case lit-html would detect that it's a TemplateResult and handle it accordingly (I think).

Thanks for the quick reply :)

from lit.

That's exactly correct :)

You're welcome!

from lit.