preact-custom-element
dark-mode-toggle
preact-custom-element | dark-mode-toggle | |
---|---|---|
2 | 2 | |
343 | 1,152 | |
0.9% | 1.0% | |
6.1 | 4.9 | |
7 months ago | about 2 months ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
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
dark-mode-toggle
-
How to quickly Add Dark Mode to your web app in just 3 steps
In this post, we are going to learn quick implementation of the dark mode using dark-mode-toggle in our web apps.
-
[AskJS] Persistent dark-mode, please help me...
This custom element can make it easy for you: https://github.com/GoogleChromeLabs/dark-mode-toggle
What are some alternatives?
lit - Lit is a simple library for building fast, lightweight web components.
hexo-theme-obsidian - ๐จ A dark Hexo theme, it's responsive, simple but elegant.
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
text-expander-element - Activates a suggestion menu to expand text snippets as you type.
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.
emoji-picker-element - A lightweight emoji picker for the modern web
uhtml - A micro HTML/SVG render
_____ - ๐ Das Bang-Architektur-Rahmenwerk! ist eine Ansichtsbibliothek, die benutzerdefinierte Elemente fรผr das neue Zeitalter druckt. Es enthรคlt asynchrone Vorlagenwerte, JS-Vorlagensyntax, <!void-elements /> und minimale DOM-Aktualisierungen ohne virtuelles DOM. [Moved to: https://github.com/i5ik/das.bang.froomwerk]
visx - ๐ฏ visx | visualization components
auto-check-element - An input element that validates its value with a server endpoint.
eureka - Lucene-based search engine for your source code
vue-custom-element - Vue Custom Element - Web Components' Custom Elements for Vue.js