Por que usar Runes: além da magia do compilador
Entenda a motivação por trás das runes e como elas aprimoram o modelo de reatividade do Svelte.
Por que usar Runes: além da magia do compilador é 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.
Svelte 5 introduz runas
Runas são primitivas reativas explícitas, como $state, $derived e $effect.
Por que mudar
A reatividade implícita do Svelte 3/4 (let, $:) tinha algumas peculiaridades: dependências complexas, limitação ao escopo do arquivo e maior dificuldade de leitura em arquivos grandes.
Explícitas e locais
As runas funcionam em qualquer lugar — componentes, bibliotecas e módulos simples. A reatividade não é mais exclusiva dos arquivos .svelte.
Compatível com versões anteriores
O Svelte 5 ainda oferece suporte à sintaxe antiga durante a migração. Inicialmente, você pode combinar as duas sintaxes.
Melhor desempenho
A reatividade refinada atualiza apenas as partes do DOM que dependem do estado alterado.
Código mais limpo
O estado é uma chamada de função, não um let mágico. A intenção fica mais clara.
let count = $state(0);Testável
As primitivas reativas podem ser testadas em testes unitários fora dos componentes.
Compatível com TypeScript
As runas têm verificação de tipos naturalmente; o sistema genérico é construído em torno delas.
Menos magia
Você não precisa mais se perguntar se um let é reativo. A chamada da runa deixa isso evidente.
Coexistência
Você pode adotar runas gradualmente em cada componente durante a migração.
Ecossistema
A maioria das bibliotecas do Svelte está adotando runas; as ferramentas e o suporte das IDEs estão maduros.
Verificação rápida
O que é uma runa?
Recapitulação
O Svelte 5 introduz runas para uma reatividade explícita que funciona em qualquer lugar e melhora a clareza e o desempenho.
Perguntas Frequentes
A aula “Por que usar Runes: além da magia do compilador” é grátis?
Sim — o texto completo de “Por que usar Runes: além da magia do compilador” é 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 “Por que usar Runes: além da magia do compilador”?
Entenda a motivação por trás das runes e como elas aprimoram o modelo de reatividade do Svelte. 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 “Por que usar Runes: além da magia do compilador”?
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