img-comparison-slider
uibuilder
img-comparison-slider | uibuilder | |
---|---|---|
1 | 6 | |
534 | 128 | |
- | - | |
6.8 | 0.0 | |
11 days ago | about 4 years ago | |
TypeScript | TypeScript | |
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.
img-comparison-slider
-
If Web Components are so great, why am I not using them?
* Should not conflict with anything on the page
[0] https://github.com/sneas/img-comparison-slider
uibuilder
- Web Components Will Outlive Your JavaScript Framework
- If Web Components are so great, why am I not using them?
- Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
-
AlpineJS – Lightweight JavaScript Framework
This looks bad. I see custom syntax, and JavaScript embedded into HTML in a way that cannot be syntax-checked at build time.
If you want a lightweight framework check out UIBuilder instead: https://github.com/wisercoder/uibuilder
Same JSX syntax as React, but this lib is very simple -- just over 200 lines of source code.
-
Virtual DOM is pure overhead
If you don't need Virtual DOM then Web Components are a great idea for building reusable components that work with all frameworks, including React. You can even use JSX to build Web Components: https://github.com/wisercoder/uibuilder
What are some alternatives?
yhtml - Tiny html tag function for rendering Web Component templates with event binding
svelte-query - Performant and powerful remote data synchronization for Svelte
lit - Lit is a simple library for building fast, lightweight web components.
react-svelte - Use Svelte components inside a React app
custom-elements - Using custom elements
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
FunPizzaShop
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
custom-elements-everywhere - Custom Element + Framework Interoperability Tests.
fastdom - Eliminates layout thrashing by batching DOM measurement and mutation tasks
lite-youtube - The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.
proposal-import-attributes - Proposal for syntax to import ES modules with assertions