HTML Templates

The power of Lightning Web Components is the templating system, which uses the virtual DOM to render components smartly and efficiently. It’s a best practice to let LWC manipulate the DOM instead of writing JavaScript to do it.

Use a <template> root tag in your HTML template. You can also use nested <template> tags to work with directives.

When working with an HTML template, you can:

Bind data in a template
Render HTML conditionally
Render lists
Render multiple templates

See Also

Lifecycle Hooks