svelte5-best-practices

SKILL.md

| 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 |

Runes Svelte 5, extraits de code, modèles SvelteKit et meilleures pratiques modernes pour le développement de TypeScript et de composants. À utiliser lors de l'écriture, de la révision ou de la refactorisation des composants Svelte 5 et des applications SvelteKit. Déclencheurs sur : composants Svelte, runes ($state, $derived, $effect, $props, $bindable, $inspect), extraits de code ({#snippet}, {@render}), gestion des événements, chargement de données SvelteKit, actions de formulaire, migration de Svelte 4 vers Svelte 5, migration du magasin vers les runes, migration des emplacements vers les extraits, saisie des accessoires TypeScript, composants génériques, isolation de l'état SSR, optimisation des performances ou tests de composants. Source : ejirocodes/agent-skills.

Voir l'original