Apesar da bela resposta do Gleidson Henrique, gostaria de adicionar mais alguns pontos baseado nas suas dúvidas:
O que é Svelte JS? É mais um framework para disputar o mercado de componentes web?
Svelte não é um framework. Svelte é um compilador que interpreta arquivos .svelte
e transcreve em JavaScript, que por sua vez, em tempo de execução, escreve o HTML e CSS associados ao componente em execução no momento. Além disso, o Svelte consegue interpretar arquivos JavaScript e TypeScript como módulos e a sintaxe de script dos arquivos .svelte
são praticamente idênticas ao padrão JS com alguns extras.
Da forma como Svelte funciona, cada arquivo .svelte
é um componente, já em outros frameworks, é possível ter mais de um componente por aquivo.
Se não, qual a relação entre o Svelte JS e outros frameworks?
Por ser um compilador que da saída em HTML, CSS, e JS. Ele não pode ser comparado exatamente como um framework e não tem relação com outros frameworks JS. Apesar que, outros frameworks podem ser compilados usando o Svelte.
O que pouca gente sabe, é que essa abordagem não é nova, ha pelo menos uns 10 anos, existe um outro projeto chamado Haxe. É uma linguagem feita em cima de um compilador chamado Neko, escrito em OCaml, que também da saída de código nativo para web e outras plataformas.
A função dele é a mesma que a do Stencil JS, de "compilar" o componente para código vanilla?
Praticamente isso, de forma genérica, a função de um compilador em sí é interpretar uma linguagem e transforma-la em uma linguagem que o computador consiga entender, nesse caso ele apenas transforma arquivos .svelte
em algo que os browsers possam executar.
Quais são os diferenciais desta ferramenta e quais foram as necessidades que estimularam sua criação que as outras ferramentas não satisfazem?
O diferencial está no fato do Svelte ser um compilador. Isso permite que ele adicione recursos a linguagem que abstraem outras funcionalidades que talvez vc faria ou que outros frameworks fazem. Uma desvantagem nisso é que pelo fato do compilador dar saída em JS, isso limita ele a tudo que é possível fazer em JS.
No meu caso, eu ja fiz vários projetos em React e comecei a trabalhar com Svelte pelo fato dele não ser uma runtime, de ser mais produtivo e principalmente por sentir que não estou fazendo gambiarra.
Svelte consegue trabalhar de uma maneira muito mais natural com código reativo, com transições e animações, integra perfeitamente bem com frameworks imperativos com D3 e ThreeJS.
O fato de ser uma tecnologia nova é uma desvantagem do Svelte, React, Vue e Angular, já estão muito difundidos e muitos devs de várias equipes, se sentem seguros com eles, o que impacta na popularidade do Svelte.
O fator equipe é o único ponto que me faria voltar pra React hoje, fora isso, consigo fazer exatamente tudo que faria em React, só que melhor, usando Svelte.