Olá, pessoal!
Com a introdução das Runes no Svelte 5, um dos padrões mais icônicos do framework mudou: a forma como criamos valores reativos derivados. A declaração $ (legacy reactive statement) foi substituída pela runa $derived.
Vamos entender o porquê dessa mudança e como ela melhora nosso código.
Como Era Antes: A Reatividade Implícita com $
No Svelte 3/4, a sintaxe $ era uma forma poderosa de declarar que uma variável dependia de outra.
// "Sempre que $minhaLista mudar, recalcule listaVazia"
$: listaVazia = $minhaLista.length === 0;
Como ficou agora (A Fórmula Explícita): Agora, a gente usa a runa $derived. A intenção é a mesma, mas a sintaxe é mais clara e explícita.
// "Crie uma variável 'listaVazia' cujo valor é DERIVADO do tamanho de $minhaLista"
let listaVazia = $derived($minhaLista.length === 0);
Por que mudou? A nova forma com $derived é mais clara, menos "mágica" e mais otimizada. Ela deixa explícito no código que listaVazia não é um estado novo, mas sim um valor que depende de outro estado.
