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