GlossaryAuto-generated index of key terms and which lesson covers them. Term Lesson {#await} — Async Data 08. Control Flow {#each} — Loops 08. Control Flow {#if} — Conditional Rendering 08. Control Flow {#key} — Force Re-render 08. Control Flow $derived.by() — Multi-line Logic 02. Derived ($derived) $effect.pre() — Before DOM Updates 03. Effect ($effect) $effect.root() — Manual Lifecycle Control 03. Effect ($effect) $host() — Custom Elements (Web Components) 09. Specialized Runes $inspect() — Debug Reactive State 09. Specialized Runes All Runes at a Glance 00. What are Runes? App Entry Point 11. Todo SPA Application Basic Loop 08. Control Flow Bindable 10. Cheatsheet Cleanup 03. Effect ($effect) Counter 10. Cheatsheet Custom Callback with .with() 09. Specialized Runes Custom Events in Child Components 07. Event Handlers Default Values 04. Props ($props) Derived 10. Cheatsheet Destructuring 08. Control Flow Dev Server 11. Todo SPA Application Dispatching Custom Events 09. Specialized Runes Effect 10. Cheatsheet Empty List with {:else} 08. Control Flow Event Object 07. Event Handlers Events 10. Cheatsheet File Structure 11. Todo SPA Application Form Input 10. Cheatsheet Full Pattern (loading → success → error) 08. Control Flow Global Styles 11. Todo SPA Application Host (Custom Elements) 10. Cheatsheet Inline Handlers 07. Event Handlers Inspect 10. Cheatsheet Local Snippets 06. Snippets Multiple Handlers 07. Event Handlers Multiple Values 09. Specialized Runes Named Snippets 06. Snippets Objects and Arrays 01. State ($state) Optional Bindable 05. Bindable ($bindable) Passing Additional Arguments 07. Event Handlers Props 10. Cheatsheet Renaming Props 04. Props ($props) Rest Props 04. Props ($props) Reusable Component 10. Cheatsheet Rune Syntax Reference 10. Cheatsheet Runes at a Glance 10. Cheatsheet Runes Concept 00. What are Runes? Skip Error Handling 08. Control Flow Skip Loading State 08. Control Flow Snippets 10. Cheatsheet Snippets with Parameters 06. Snippets State 10. Cheatsheet Svelte 4 (Legacy — Slots) 06. Snippets Svelte 4 (Legacy) 01. State ($state), 02. Derived ($derived), 03. Effect ($effect), 04. Props ($props), 05. Bindable ($bindable), 07. Event Handlers Svelte 4 → Svelte 5 Cheat Sheet 00. What are Runes? Svelte 4 to 5 Migration 10. Cheatsheet Svelte 5 01. State ($state), 02. Derived ($derived), 03. Effect ($effect), 04. Props ($props), 05. Bindable ($bindable), 07. Event Handlers Svelte 5 (Snippets) 06. Snippets Tailwind Configuration 11. Todo SPA Application Todo App Features 11. Todo SPA Application Todo Component 11. Todo SPA Application Todo List 10. Cheatsheet Todo SPA Project 11. Todo SPA Application Type Safety (TypeScript) 04. Props ($props) Vite and Svelte Setup 11. Todo SPA Application What are Snippets? 06. Snippets What Changed? 07. Event Handlers What is $bindable? 05. Bindable ($bindable) What is $derived? 02. Derived ($derived) What is $effect? 03. Effect ($effect) What is $props? 04. Props ($props) What is $state? 01. State ($state) With Index 08. Control Flow With Key (important for dynamic lists) 08. Control Flow With Label 09. Specialized Runes With Objects 05. Bindable ($bindable) With Strings 02. Derived ($derived)