supercomponent
custom-elements
supercomponent | custom-elements | |
---|---|---|
2 | 2 | |
10 | 226 | |
- | 2.7% | |
3.1 | 3.5 | |
7 months ago | 11 months ago | |
HTML | JavaScript | |
MIT License | ISC License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
supercomponent
-
HTML Web Components
For me, that's the beauty of Web Components. You can find (or build) a base class that works the way you need it. I like a React class component style class with an XState-inspired state machine built in.
https://github.com/codewithkyle/supercomponent/blob/master/s...
- PSA: React 18 calls code twice in strict mode to detect unintended side effectd
custom-elements
-
HTML Web Components
There is a polyfill for customiziing built-ins on Safari.
https://github.com/ungap/custom-elements
-
Misadventures in web components
The reason for the hand-rolled functionality is because Safari doesn't support customized built-ins, nor do they intend to anytime soon1. I will probably swap out my custom data attribute solution for a polyfill that supports the native is attribute when implementing in production because this is not implemented to spec.
What are some alternatives?
marimo - A reactive notebook for Python — run reproducible experiments, execute as a script, deploy as an app, and version with git.
webcomponents - Web Components specifications
lit - Lit is a simple library for building fast, lightweight web components.
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
chat-app - A contact us demo widget built using Saasufy.
webcomponents-blog-examples
WHATWG HTML Standard - HTML Standard