from Vue or React to Svelte

• https://svelte.dev/
• https://sapper.svelte.dev/

Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

• Write less code
• Virtual DOM is pure overhead
• Svelte 3: Rethinking reactivity

Quick Loop

<!-- File: App.svelte -->

<script>
	let count = 0;

	function handleClick() {
		count += 1;
	}
</script>

<button on:click={handleClick}>
	Clicked {count} {count === 1 ? 'time' : 'times'}
</button>