Svelte framework - a perspective

I moved from Svelte to SvelteKit in the year since my original post, and it is a joy to work with. I am using Vercel and Atlas MongoDB (database) for my development, and they work together well. I am not doing authentication (yet), but I do use Zod for validation and Tailwind CSS. I am also playing around with Flowbite SvelteKit, which combines Tailwind, Flowbite and SvelteKit. My limited understanding of React is that you do need plugins for a number of things, whereas, with SvelteKit, aside from the plugins I mentioned, provides enough functionality 'out of the box' to satisfy my needs. It is one of the beauties of SvelteKit.

Einstein said "Make everything as simple as possible, but not simpler." This sums up my thoughts on Svelte.

Svelte is a compiler - a fast one at that - and it does not create a virtual dom, as Vue and React do. As far as the programming goes, Svelte seems a little more streamlined, to me. I think I can best show this by example.

To increment a value using a button in Svelt and Vue:

In Svelte
<script>
let count = 0;
const increment = () => { count = count + 1; }
</script>

<h1>{count}</h1>
<button on:click={increment}>Increment Count</button>

In Vue
<template>
<div class="message"># {{ count }}<br>
<p># {{ count }}</p>
< button v-on:click.prevent="increment">+</button>
</div>
</template>

<script>
export default {
data: ()=> {
return {
count: 0
}
},
methods: {
increment () {
this.count++;
}
}
}
</script>

I did not run the Vue example so this is not a rigorous test, but I hope you get the idea of how I got my impressions.

To answer your SFC question, it has been a while since I used Vue so if there is a new SFC I have not tried it. As I recall, I liked using Vue, but when I tried Svelte the the language/syntax came more naturally to me.