lit / lit/lit.dev

[Documentation] How does the `html` tag efficiently render (concepts)

Open
#504 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
142
Forks
230
PR merge metrics
No merged PRs in 30d

Description

### Context

I found it very helpful to read over the **concepts** section of the legacy lit-html website: https://lit-html.polymer-project.org/guide/concepts

This goes through the concepts of how the `html` tag uses string literals and expressions with the `` tag to render efficiently, and then update efficiently.

Do we have a similar section in lit.dev?

### Completion criteria (one of):

- Add a lit-html `html` tag concept section on lit.dev?
- It maybe already exists or we don't need it. Close issue with link to page or other issue.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the legacy concepts section at https://lit-html.polymer-project.org/guide/concepts and searching lit.dev for an equivalent explanation of the html tag. Done means either adding a comparable lit-html concepts section on lit.dev or confirming that an existing page or another issue covers it, then linking to it and closing the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.