Instruções reativas: bloco $:
Execute código imperativo com efeitos colaterais sempre que suas dependências reativas mudarem.
Instruções reativas: bloco $: é 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 rótulo $:
O rótulo reativo executa sua instrução sempre que suas dependências mudam.
$: doubled = count * 2;Instruções versus declarações
Pode ser uma atribuição simples, uma chamada de função ou um bloco.
Forma de bloco
Envolva várias instruções em {} para criar blocos com efeitos colaterais.
$: {
console.log(count);
localStorage.setItem("count", count);
}Efeitos colaterais condicionais
Combine com if para executar ações de forma condicionada.
$: if (count > 10) showAlert();Várias instruções reativas
Declare quantas quiser; o Svelte as ordena pelas dependências.
Somente no nível superior
O rótulo deve estar no nível superior do script. Rótulos aninhados são erros de sintaxe.
Sem dependências manuais
O Svelte deriva estaticamente as dependências das referências do lado direito.
Trabalho pesado
Evite computações dispendiosas em instruções reativas. Elas são executadas novamente com frequência.
Combinar com armazenamentos
As instruções reativas também funcionam perfeitamente com valores de $store.
Ordem de avaliação
O Svelte ordena as instruções topologicamente: as posteriores podem depender das anteriores com segurança.
Equivalente a useEffect
Considere $: um efeito que acompanha dependências, com uma sintaxe mais simples.
Verificação rápida
É possível usar $: dentro de uma função?
Recapitulação
$: declara instruções reativas no nível superior. Use blocos para efeitos colaterais e condições.
Perguntas Frequentes
A aula “Instruções reativas: bloco $:” é grátis?
Sim — o texto completo de “Instruções reativas: bloco $:” é 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 “Instruções reativas: bloco $:”?
Execute código imperativo com efeitos colaterais sempre que suas dependências reativas 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 1 de 4.
Quanto tempo leva a aula “Instruções reativas: bloco $:”?
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
- Instruções reativas: bloco $:
- Dependências reativas e ordenação
- Quando usar Stores em vez de estado local
- Evitando fechamentos obsoletos