Boolean Attributes about uhtml HOT 1 CLOSED

it's not just boolean, it's any attribute with a counter API in JS that does the right thing for you.

checked=${false} as attribute, here, is checked="false" while .checked=${false} is input.checked = false which either removes or places the attribute in there.

The type, as <textarea .value=${...}> or <option .selected=${...}>, or any other value that has an accessor, avoids repeated checks on the attribute presence, as that's done behind the scene, so it's faster than if (!value && el.hasAttribute(name)) el.removeAttribute(name); else if (value) el.setttribute(name, value); as it's just el[name] = value and that's how uhtml keeps itself one of the smallest libraries of its kind out there.

However, if you prefer having "magic" around attributes, you can always upgrade to lighterhtml 👋

from uhtml.