JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://unpkg.com/hyperhtml@latest/min.js"></script>
<div id="a">
</div>
<div id="b">
</div>
JavaScript
const {wire} = hyperHTML;
const info = {some: 'data'};
const notSameLI = hyperHTML.wire(info)`<li></li>`;
const sameLI = li();
function li() {
return hyperHTML.wire(info)`<li></li>`
}
// this works
console.assert(
sameLI === li(),
'sameLI: same reference means exactly the same node'
);
// this doesn't work
console.assert(
sameLI === hyperHTML.wire(info)`<li></li>`,
'notSameLI: same reference means exactly the same node'
);