O que é Svelte 5

Svelte 5 é um framework para interfaces web.

Ele compila componentes em JavaScript otimizado.

A versão introduz runes e mantém compatibilidade ampla com Svelte 4.

Como funciona

O compilador transforma HTML, CSS e JavaScript em módulos.

$state declara estado, $derived calcula valores e $effect sincroniza efeitos.

Eventos são props e snippets ajudam na composição.

💡
Dica

Use runes em componentes novos e migre arquivos antigos aos poucos.

Principais recursos

Runes deixam dependências mais explícitas.

$props declara propriedades e a lógica reativa pode viver em arquivos .svelte.js.

TypeScript pode ser usado diretamente nos componentes.

Como começar

Crie um projeto com npx sv create meu-app.

Instale dependências com npm install e rode npm run dev.

Fixe as versões no package.json e consulte a documentação da versão usada.

npx sv create meu-app
cd meu-app
npm install
npm run dev

Exemplo prático

Um contador mostra a ideia sem uma arquitetura grande.

Use let count = $state(0) e let dobro = $derived(count * 2).

Depois, teste entradas, acessibilidade e comportamento em produção.

Comparação com alternativas

React tem ecossistema maior e um modelo baseado em hooks.

Vue oferece templates e reatividade acessível.

Svelte é interessante quando o time quer compilação e componentes diretos.

Pontos positivos e limitações

A sintaxe é compacta e o trabalho pode ser movido para o build.

A migração exige revisar slots, eventos e declarações antigas.

Bibliotecas devem ser verificadas antes de escolher uma aplicação grande.

Casos de uso reais

Painéis podem usar runes para filtros e carregamento.

Landings interativas podem ter componentes pequenos.

Bibliotecas podem combinar props e snippets de forma previsível.

Dicas e boas práticas

Comece por um componente pequeno e teste a interface.

Use $derived para cálculo e $effect para sincronização externa.

Rode lint, testes e build em cada etapa da migração.

⚠️
Atenção

Uma migração que compila ainda pode alterar eventos, acessibilidade ou SSR.

Vale a pena?

Svelte 5 vale testar quando a equipe quer reatividade explícita.

Não é escolha automática: ecossistema e experiência continuam importantes.

Crie um componente piloto e meça a integração antes de decidir.