I get pleasure from little frameworks like Tonic. It’s primarily syntactic sugar over <web-components /> to make them really feel simpler to make use of. Outline a Class, template literal an HTML template, most likely another fancy helpers, and also you’ve bought a part that doesn’t really feel terribly completely different to one thing like a React part, besides you want no construct course of or different unique tooling.
Right here’s a Hey World + Counter instance:
CodePen Embed Fallback
They’ve a complete bunch of examples (in a separate repo). You may snag and use them, and they’re fairly good! In order that makes Tonic a bit like a design system in addition to an online part framework.
To be truthful, it’s not that completely different from Lit, which Google is behind and pushing fairly actively.
Tonic = 5.1 KBLit = 12.6 KBpetite-vue = 8.1 KB
They’re all mainly the identical: tiny.
I’ve by no means truly constructed something actual in any of them, so I’m not the most effective to evaluate one from the opposite. However all of them appear fairly neat to me, notably as a result of they require no construct step.
At Marketing Solution Australia we strive to deliverer elegant responsive websites for your business integrated with our personal SEO Optimization package to bring your pages on the first page of Google.