Executando verificação de segurança...
4
RafaelMesquita
1 min de leitura ·

Benchmark: Svelte | React | Vue | Angular

Este repositório contém algumas ferramentas para avaliar como Svelte, React e Vue podem competir juntos em alguns requisitos técnicos:

  • Tempo de instalação
  • Tempo de construção
  • Tamanho da construção

Como funciona
Primeiro, temos a mesma aplicação para todos os três frameworks e suas variantes. Um pequeno aplicativo de "lista de tarefas".

Esses aplicativos estão integrados em seu conjunto de ferramentas “clássico” e “fullstack”. Por exemplo, React é usado para um aplicativo clássico e um aplicativo Next.js. O mesmo para Svelte e SvelteKit, e também para Vue.js e Nuxt.

Isso tem algumas maneiras "opinativas" de ser comparado, porque por exemplo com o Svelte você tem lojas nativas, enquanto com o Vue você não tem e tem que usar as reactiveferramentas ou a biblioteca Vuex.

Melhores informações no link abaixo

Fonte: https://github.com/Pierstoval/benchmarks-react-svelte-vue

Carregando publicação patrocinada...
2
1
gabrielTapes

Interessante como na maioria dos testes o Svelte teve um desempenho melhor. É um framework não muito midiatico mas que tem muito potencial.

Seria interessante, em próximos testes, utilizar aplicações mais complexas, que estejam mais próximas do "mundo real", com várias páginas e com requisições a APIs, pois assim os resultados dos testes diriam muito mais sobre os framework. Uma comparação com Js Vanilla seria interessante também.

1
thiagolino8

Na maioria dos teste o svelte tem o melhor resultado, mas ele também é o melhor para se construir o app

Em um post no twitter foi proposto uma competição para ver em qual linguagem/framework é possível contruir mais rapidamente um app de tarefas

A partir disso superando os requisitos eu construi minha versão com as funcionalidades:

  • adicionar tarefas
  • remover tarefas
  • renomear tarefas
  • mudar estado das tarefas
  • diferença visual para diferentes estados de tarefa
  • persistência em localstorage
  • transições de entrada e saída
  • animações reagindo a entrada e saída de tarefas irmãs

Tudo isso em exatos 5 min e 44 linhas

Svelte te permite construir o melhor app, de forma mais rápido, com a menor quantidade de linhas, mais fácil de manter, de forma mais agradável, com a menor quantidade de dependências, com o menor tamanho de build, com o menor tempo de build e com a melhor performace