preact-custom-element
DataFormsJS
preact-custom-element | DataFormsJS | |
---|---|---|
2 | 4 | |
343 | 179 | |
0.9% | 1.1% | |
6.1 | 4.5 | |
7 months ago | 11 months ago | |
JavaScript | JavaScript | |
MIT License | 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
DataFormsJS
- Vanilla JS real life application examples
- Is there a good template that doesn't use CRA?
-
Awesome React Resources
DataFormsJS JSX Loader - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
- Using lit.dev how do I create multiple pages?
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:
w2ui - UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
lit - Lit is a simple library for building fast, lightweight web components.
Ink - An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
Active CSS - The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
uhtml - A micro HTML/SVG render
Memcode - Spaced-repetition: for coders and scientists.
visx - 🐯 visx | visualization components
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
eureka - Lucene-based search engine for your source code
fluidity - The worlds smallest fully-responsive css framework