LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-07 21:07:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into uwu

Browse Source
This commit is contained in:
James Fenn
2023-09-17 15:34:45 -04:00
parent c3c9ee223d 9362c1817b
commit ccb115e00a
10 changed files with 110 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/blog/web-components-101-lit-framework/index.md
View File

@@ -71,7 +71,7 @@ There are two primary differences from the vanilla JavaScript example. First, we
That said, Lit components fully support the same lifecycle methods as a vanilla custom elements.
The second, easier-to-miss change from the vanilla JavaScript component to the Lit implementation, is that when we set our HTML, we don’t simply use a basic template literal (`<p>test</p>`): we pass the function `html` to the template literal (`html\`<p>test</p>\``).
The second, easier-to-miss change from the vanilla JavaScript component to the Lit implementation, is that when we set our HTML, we don’t simply use a basic template literal (`<p>test</p>`): we pass the function `html` to the template literal (``html`<p>test</p>`;``).
This leverages [a somewhat infrequently used feature of template literals called tagged templates](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates). Tagged templates allow a template literal to be passed to a function. This function can then transform the output based on the string input and expected interpolated placeholders.