Programação Svelte Framework Completo: Do Zero ao Expert!

Svelte é uma nova abordagem radical para a construção de interfaces de usuário. Enquanto estruturas tradicionais como React e Vue fazem a maior parte de seu trabalho no navegador, Svelte muda esse trabalho para uma etapa de compilação que ocorre quando você cria seu aplicativo.

Em vez de usar técnicas como diferenças virtuais de DOM, Svelte escreve código que atualiza cirurgicamente o DOM quando o estado do seu aplicativo muda.

Recentemente  Svelte foi recentemente eleito o framework da web mais amado, com os desenvolvedores mais satisfeitos atraindo o maior interesse em aprendê-lo em um trio de pesquisas do setor. Achamos que você também vai adorar esse Svelte.

O que é Svelte?

Svelte é um framework de componentes — como React ou Vue — mas com uma diferença importante. As estruturas tradicionais permitem que você escreva código orientado a estado declarativo, mas há uma penalidade: o navegador deve fazer um trabalho extra para converter essas estruturas declarativas em operações DOM, usando técnicas como diferenças virtuais de DOM que consomem seu orçamento de quadro e sobrecarregam o coletor de lixo.

Em vez disso, o Svelte é executado no tempo de compilação, convertendo seus componentes em código imperativo altamente eficiente que atualiza cirurgicamente o DOM. Como resultado, você pode escrever aplicativos ambiciosos com excelentes características de desempenho.

A primeira versão do Svelte consistia em testar uma hipótese - que um compilador específico poderia gerar um código sólido que proporcionasse uma ótima experiência ao usuário. A segunda foi uma pequena atualização que arrumou um pouco as coisas.

A versão 3 é uma revisão significativa. O foco nos últimos cinco ou seis meses tem sido oferecer uma excelente experiência de desenvolvedor. Agora é possível escrever componentes com muito menos clichê do que você encontrará em outros lugares.