Test your lit-html knowledge with a free interactive quiz — 20 questions with answers and explanations. No signup needed to play.
Question 1/12Score 0
What is lit-html?
In this round
What is lit-html?
How does lit-html avoid the performance overhead of re-parsing a template's static HTML on every render?
Why does lit-html automatically escape dynamic string values inserted into a template by default?
What is the relationship between lit-html and LitElement / Lit (the web component base class)?
What happens to a conditional section of a lit-html template when its associated boolean expression evaluates differently between two renders (e.g. showing vs. hiding an element)?
How does lit-html's "directives" system (like `repeat()`, `classMap()`, `styleMap()`) extend the templating capabilities?
What JavaScript language feature does lit-html build its templating syntax on top of?
Why is understanding that lit-html templates are plain JavaScript functions (not a separate template language with its own compiler) useful?
What is a core architectural difference between lit-html's update model and a framework like React that uses a virtual DOM?
Why would a developer use the `repeat()` directive instead of a plain `.map()` when rendering a list in lit-html?
How does binding an event listener typically look in a lit-html template?
How does lit-html handle re-rendering when a template's dynamic values change?