Lit quiz

Test your Lit knowledge with a free interactive quiz — 19 questions with answers and explanations. No signup needed to play.

What does it mean that Lit performs "efficient, targeted DOM updates" rather than re-rendering the whole component on every state change?

1. What does it mean that Lit performs "efficient, targeted DOM updates" rather than re-rendering the whole component on every state change?
2. What is Lit SSR (Server-Side Rendering) support intended to address?
3. What is `lit-html` (as distinct from the full `lit` package / `LitElement`)?
4. What is the significance of Lit's templates NOT requiring a compile step (unlike JSX, which needs Babel/TypeScript to transform)?
5. What is a "Web Component" (the underlying browser standard Lit builds on), independent of any specific library?
6. What is a common reason a design-system/component-library team might specifically choose Lit over building components in a single framework like React?
7. What is the difference between binding a value to an HTML attribute versus a DOM property in a Lit template, e.g. `?disabled=${isDisabled}` versus `.value=${text}`?
8. What is the purpose of Lit's `@eventName=${handler}` syntax in a template?
9. What are "custom events" in the context of a Lit component communicating with its parent/consumer?
10. What does Lit's TypeScript decorator syntax (`@customElement('my-element')`, `@property()`, `@state()`) provide compared to the equivalent plain-JavaScript static field declarations?
11. What is Shadow DOM, and how does Lit use it by default?
12. What is the purpose of the `css` tagged template literal in Lit, used alongside a component's `static styles` field?

More quizzes