SFC anatomy Markup expressions If blocks Each blocks Await blocks Class directives Style directives Event handlers

$state $derived $effect $props $bindable Reactive collections State ownership Deep reactivity

Props Callback props Bindings Snippets {@render} Context Actions DOM references

Mounting tick Transitions Custom transitions Animations Crossfade Motion preferences Browser-only code

File-based routes Layouts Load functions Form actions Server routes Error pages Cookies Environment modules

Server-only modules Validation SSR and hydration Prerendering Adapters Testing Performance budgets Deployment architecture