Code_E_Pendant

@code-e-pendant.bsky.social

314 Followers 262 Following

Full stack engineer, founder, rustacean, and WEEB.

When you finally text in the group chat. DBZ Cell: "You thought you'd never see me again, didn't you? Well too bad! I'm alive."
A code snippet comparing the old way to set element properties, versus the new way. You used to have to select the element (whether from refs or otherwise) in the connected callback, then manually set the property like old-school JS. Now you can bind directly in the HTML templates using a special prop-colon syntax.
A snippet of code from the internals of the @declarative-shadow-dom/react package
non-passing CI pipeline because of Vercel
code demonstrating the "count" property as a type generic, providing the type "number" for the signal.
const MyElement = customElement(({ customCallback }) => { const [count, setCount] = createSignal(0); const increment = customCallback(() => setCount(count() + 1)); return html` <button onclick="${increment}">Increment</button> <output>${count}</output> `; });
const MyElement = customElement(({ attrs, refs, connectedCallback, }) => { const [count, setCount] = createSignal(0); connectedCallback(() => { refs.increment.addEventListener('click', () => { setCount(count() + 1); }); }); return html` <h1>${attrs.heading}</h1> <button ref="increment">increment</button> <output>${count}</output> `; }); customElements.define('my-element', MyElement);
Anime profile picture always has the most unfathomable skills.