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

Release Preview

This release is in preview. Features described here don't become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can't guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.