derived() para Stores calculados
Derive um novo store cujo valor é calculado a partir de um ou mais outros stores.
derived() para Stores calculados é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 1 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.
O que derived faz
derived cria uma nova store cujo valor é calculado a partir de uma ou mais stores de origem.
Importe-o
De svelte/store.
import { derived } from "svelte/store";Uma única fonte
Derive de uma store: passe-a e uma função que retorne o valor derivado.
export const doubled = derived(count, ($count) => $count * 2);Várias fontes
Passe uma matriz de stores; a função de retorno recebe uma matriz com os valores delas.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Derived assíncrono
Passe um segundo argumento set e chame-o de forma assíncrona para derivar de uma fonte assíncrona.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Valor inicial
As stores derived assíncronas aceitam um terceiro argumento como valor inicial antes que set seja chamado.
Limpeza automática
Assim como outras stores, derived limpa automaticamente as inscrições em suas fontes.
Encadeamento
As stores derived também podem servir como fontes para outras stores derived.
Memoização
O valor derivado é atualizado somente quando os valores das fontes mudam. Isso equivale a seletores memoizados.
Uso em componentes
Consuma-a com a forma abreviada $, como qualquer outra store.
<p>Total: {$total}</p>Quando usar
Use derived para estados compartilhados calculados; para valores calculados locais do componente, prefira $:.
Verificação rápida
O que derived retorna?
Recapitulação
derived cria stores somente leitura calculadas a partir de uma ou várias fontes. É compatível com derivações síncronas e assíncronas.
Perguntas Frequentes
A aula “derived() para Stores calculados” é grátis?
Sim — o texto completo de “derived() para Stores calculados” é 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() para Stores calculados”?
Derive um novo store cujo valor é calculado a partir de um ou mais outros stores. 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 1 de 4.
Quanto tempo leva a aula “derived() para Stores calculados”?
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
- derived() para Stores calculados
- Padrão de Store personalizado com subscribe/set/update
- Readable a partir de Writable
- Contratos de Stores e interoperabilidade