svelte5-best-practices

| Runes | $state, $derived, $effect, $props, $bindable, $inspect | runes.md | | Snippets | Replacing slots, {#snippet}, {@render} | snippets.md | | Events | onclick handlers, callback props, context API | events.md | | TypeScript | Props typing, generic components | typescript.md | | Migration | Svelte 4 to 5, stores to runes | migration.md |

| SvelteKit | Load functions, form actions, SSR, page typing | sveltekit.md | | Performance | Universal reactivity, avoiding over-reactivity, streaming | performance.md |

Rune Svelte 5, snippet, pattern SvelteKit e best practice moderne per TypeScript e lo sviluppo di componenti. Da utilizzare durante la scrittura, la revisione o il refactoring dei componenti Svelte 5 e delle applicazioni SvelteKit. Trigger su: componenti Svelte, rune ($state, $derived, $effect, $props, $bindable, $inspect), snippet ({#snippet}, {@render}), gestione eventi, caricamento dati SvelteKit, azioni modulo, migrazione da Svelte 4 a Svelte 5, migrazione da archivio a rune, migrazione da slot a snippet, digitazione prop TypeScript, componenti generici, isolamento dello stato SSR, ottimizzazione delle prestazioni o test dei componenti. Fonte: ejirocodes/agent-skills.