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.

Master SvelteKit's file-based routing system. Learn dynamic routes, route groups, optional parameters, and layout patterns.

Fetch data for your pages with SvelteKit load functions. Learn the difference between server and universal loads, and how to handle errors.