bemtvjs VS vue-svelte-size-analysis

Link to repo: https://github.com/diogoneves07/bemtvjs

Key Features:

Cleaner syntax than other UI libraries and frameworks.

Brackethtml markup language: instead of

Hey!

do this: div[Hey!].

CSS-In-JS and CSS-In-Template

Separation of logic related to DOM events from the component template.

Instead of a common routing system or based on files, Bemtv brings a new innovative routing system that is capable of “transforming” a component into a route automatically according to its use in the application.

A new way to share data between components through a built-in system.

Declarative syntactic sugars through the component template.

Transform functions that separate data structures like Array, Set, Map and Object from their markup for the template.

Semi-automatic Code-Splitting

Easy two-way binding between component variables and HTML element properties and attributes

Hooks

Repository: https://github.com/diogoneves07/bemtvjs

but that's not true. see https://krausest.github.io/js-framework-benchmark/current.html. There is also a break-even point in bundle size where svelte gets larger compared to vue. see https://github.com/yyx990803/vue-svelte-size-analysis

i did not ignore it. You can read about it here. There is break-even point where svelte falls off compared to vue as the application grows.

The first version of React was released on 2013, it took almost 10 years for Suspense to exist (we _just_ got it now with React 18), that's what I'm talking about. Even functional components and hooks took a lot of time from them get and implement the idea after they tried to use ES classes and made everything much harder to manage. Context also isn't perfect, I like it but the redraw performance is not amazing and doesn't scale at all to bigger applications.

> https://github.com/yyx990803/vue-svelte-size-analysis

This is an interesting comparison I haven't seen before, I wonder if it's true for a complete application using some lib for state management, routing, etc. and if this isn't just a kind of cherry picked example. Thanks for showing this though.

probably only true for small projects

You are citing this: https://github.com/yyx990803/vue-svelte-size-analysis

There isn't only the size of the runtime but the size of the component code. Not all components are equal. Templates in each framework compile differently. Evan You, creator of Vue put together a comparison between Svelte and Vue which was pretty illuminating.