Post

Don't know who needs to hear this today, but React isn't the only front-end web development tool.

This post brought to you by a blog comment saying Pinia and Valtio aren't "proper state management" but "Zustand, Jotai, or even just careful use of useContext" are proper. 👀

You could be completely trolling me and I’d have no idea. Only thing there I’ve heard of is Jotai.

Pinia is the recommended global state management library for Vue lol

Lit is a terrific framework. More people need to know about Custom Elements to really appreciate it. My favorite too.

Its not Lit that make Custom Elements terrific. native Custom Elements are terrific by themselves, Lit is just sugar that saves you work, like jQuery once was for front-end development. But I am biased, only done native Web Components for the past 10 years.

With you there. I just really think Custom Elements have gotten buried for so many developers and really thought having a framework like Lit would put a big spotlight on just how cool CEs are. Most devs I know or work with, know little-to-nothing about them.

Does lit use shadow Dom, and is it easy to set the internals of elements like form submit buttons. Someone mentioned it to me the other week but not looked. I really like using Astro for initial html (could be any html), and using web components to add the interactivity parts at the moment.

Current limitation of the browser where a submit button can *only* be a proper <button> element. There's a proposal around letting custom elements "quack" like native counter parts. github.com/MicrosoftEdg... github.com/whatwg/html/... There are ways to work around it, although a little hacky.

If you're looking for a reference, this is how we do it in Web Awesome to get *as close as possible* we copy all attributes, inject the button at the same level as the `<wa-button>` in the light dom, and then send a `.click()` to it. the only thing that will really mismatch is checking the tag.

I don't think it was a component that was a button, but hosted the button in shadow root, but didn't submit the light dom form outside of it. But that is really interesting.