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 |

Svelte 5 الأحرف الرونية والمقتطفات وأنماط SvelteKit وأفضل الممارسات الحديثة لـ TypeScript وتطوير المكونات. يُستخدم عند كتابة أو مراجعة أو إعادة هيكلة مكونات Svelte 5 وتطبيقات SvelteKit. المشغلات على: مكونات Svelte، الأحرف الرونية ($state، $derived، $effect، $props، $bindable، $inspect)، المقتطفات ({#snippet}، {@render})، معالجة الأحداث، تحميل بيانات SvelteKit، إجراءات النموذج، ترحيل Svelte 4 إلى Svelte 5، ترحيل المتجر إلى rune، ترحيل الفتحات إلى المقتطفات، كتابة دعائم TypeScript، المكونات العامة، عزل حالة SSR، تحسين الأداء، أو اختبار المكونات. المصدر: ejirocodes/agent-skills.