vue-svelte-size-analysis VS realworld

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.

To illustrate my concerns, let's take the "Real World Example" that was made by the official Svelte Team in the official repository (https://github.com/sveltejs/realworld).

I often end up looking at https://github.com/sveltejs/realworld when I want to check how SvelteKit apps are "supposed" to be built. It's maintained by the Svelte team so you can learn good practices there.

I was looking at this a couple of hours ago and took a look at the realworld app app. I found all the fetch is done through the api, which is always called from server side. Even for user interaction, they always use forms to send the requests through the server.

I was looking at the realworld example and noticed that to login, they send a POST request to auth/login. auth/login then puts the data in an user object and sends it to an external API.

I'm pretty sure fetch is available for endpoints in latest version of svelte kit (older versions of svelte kit need to use node-fetch, updated svelte real world app has removed it as a dependency) but it's not working for me. Overview of my project files is below:

I’d recommend to take example from real world Svelte https://github.com/sveltejs/realworld