$derived: valores computados declarativos
Calcule valores que sejam atualizados automaticamente quando suas dependências mudarem.
$derived: valores computados declarativos é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Estado calculado
Use $derived(expr) para calcular um valor a partir de fontes reativas.
let count = $state(0);
let doubled = $derived(count * 2);Rastreamento automático
O Svelte rastreia automaticamente as dependências da expressão. O valor derivado é atualizado quando qualquer fonte muda.
Somente leitura
Não é possível atribuir valores derivados diretamente; eles sempre refletem o cálculo.
Usar na marcação
Leia valores derivados como qualquer estado.
<p>Doubled: {doubled}</p>Avaliação tardia
Os valores derivados são calculados sob demanda quando lidos; se nada os ler, o custo será evitado.
Armazenamento em cache
O resultado fica armazenado em cache até que uma fonte mude — não há cálculos repetidos a cada leitura.
Lógica complexa
Para lógica com várias instruções, use a forma $derived.by(() => { ... }).
Comparação com $:
$derived substitui $: x = .... É mais explícito e funciona fora dos arquivos .svelte.
Inferência de tipos
O TypeScript infere os tipos da expressão automaticamente.
Sem efeitos colaterais
O valor derivado deve ser puro. Para efeitos colaterais, use $effect.
Desempenho
O valor é armazenado em cache; o recálculo ocorre apenas quando as dependências mudam.
Verificação rápida
O que $derived retorna?
Recapitulação
$derived é a forma moderna e explícita de declarar valores calculados. Use $derived.by para lógica com várias linhas.
Perguntas Frequentes
A aula “$derived: valores computados declarativos” é grátis?
Sim — o texto completo de “$derived: valores computados declarativos” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “$derived: valores computados declarativos”?
Calcule valores que sejam atualizados automaticamente quando suas dependências mudarem. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “$derived: valores computados declarativos”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Por que usar Runes: além da magia do compilador
- $state: reatividade granular
- $derived: valores computados declarativos
- $effect: efeitos colaterais