Learn how to pass data between Svelte components using props. Understand the export keyword, default values, and one-way data flow.

Handle DOM events and create custom component events in Svelte. Learn event modifiers, dispatching, and forwarding patterns.

Control what appears in your UI with Svelte's if blocks. Learn {#if}, {:else}, {:else if}, and when to use them.

Render lists efficiently with Svelte's each blocks. Learn about keyed iteration, destructuring, and handling empty states.

Master Svelte's bind directive for seamless form handling. Learn to bind inputs, selects, checkboxes, and component props.

Build flexible, reusable components with Svelte slots. Learn default slots, named slots, slot props, and composition patterns.

Understand when Svelte components mount, update, and destroy. Master onMount, onDestroy, beforeUpdate, afterUpdate, and tick.

Manage shared state across components with Svelte stores. Learn writable, readable, and derived stores with the auto-subscription syntax.

Share data through component trees without prop drilling. Learn setContext, getContext, and when to use context vs stores.

Discover what SvelteKit adds to Svelte. Learn about project structure, the dev server, and how SvelteKit handles routing, SSR, and more.