Svelte & SvelteKit Cheat Sheet

Declaração de variáveis reativas e labels reativos ($:).

let count = 0;
$: doubled = count * 2;

Bloco lógico condicional.

{#if condicao} ... {/if}

Bloco de iteração (loop).

{#each itens as item} ... {/each}

Two-way data binding para inputs de formulário.

bind:value={nome}

Criação de um store reativo compartilhado.

import { writable } from 'svelte/store';
const count = writable(0);

Hook de ciclo de vida executado na montagem.

onMount(() => { ... });