preact-custom-element
vdom-util
preact-custom-element | vdom-util | |
---|---|---|
2 | 2 | |
343 | 2 | |
0.9% | - | |
6.1 | 5.0 | |
7 months ago | about 1 year ago | |
JavaScript | JavaScript | |
MIT 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.
preact-custom-element
-
I don't miss React: a story about using the platform
I avoid using them, except when having to expose a component to a third party. Then I'd use something like https://github.com/preactjs/preact-custom-element, https://stenciljs.com/docs/custom-elements or https://github.com/solidjs/solid/tree/main/packages/solid-el....
As far as I see, there is nothing that WCs provide which isn't already solved, in a better way, both for devs and users.
And making a framework that use custom elements and shadow DOM for component-based logic and encapsulation seems like a purely philosophical approach to adhere to some vision of "platform purity".
-
Web Components 101: Framework Comparison
Preact
vdom-util
-
Modern SPAs without bundlers, CDNs, or Node.js
Joining this thread to say that I, too, have written a very similar function and also use jsxFactory to have JSX support in personal projects. I find that using it along with an extremely simple implementation of a kind of state listener[0] produces something really nice for small projects.
It's a bit like a jquery for the '20s.
[0] https://github.com/curlywurlycraig/vdom-util/blob/master/src...
- I don't miss React: a story about using the platform
What are some alternatives?
dark-mode-toggle - A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
systemjs - Dynamic ES module loader
lit - Lit is a simple library for building fast, lightweight web components.
yhtml - Tiny html tag function for rendering Web Component templates with event binding
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
DataFormsJS - 🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.
uhtml - A micro HTML/SVG render
visx - 🐯 visx | visualization components
eureka - Lucene-based search engine for your source code
joystick - A full-stack JavaScript framework for building stable, easy-to-maintain apps and websites.