Grundkonzepte von Svelte 5

Svelte 5 führt mit den sogenannten Runes eine neue, klare Art ein, mit Reaktivität umzugehen.

• $state() für reaktiven Zustand
• $derived() für abgeleitete Werte
• $effect() für Nebenwirkungen (z. B. DOM-Manipulation)
• $props() für Props-Zugriff
• $bindable() für zwei-Wege-Bindung

Beispiel:

<script>
	let count = $state(0);
	let doubled = $derived(count * 2);
</script>

<button onclick={() => count++}>
	Doppelt: {doubled}
</button>

Keine useState-Calls, keine riesige API – nur schlankes HTML & JavaScript.

TODO:

• Dateibenennung
• Import/Export von Komponenten/Modulen
• Runes im Detail
• TypeScript-Support