As estruturas de JavaScript se tornaram parte integrante de todo projeto web moderno. Como existem muitos frameworks, os desenvolvedores precisam se perguntar constantemente o que escolher. Para encontrar a resposta para essa pergunta, será necessário em 2020.
Se você ler isso, poderá presumir que está ocupado procurando uma estrutura que se tornará a base do seu próximo aplicativo. É possível que você se concentre nas principais tecnologias e pense no que é melhor para você - a biblioteca React ou a estrutura Vue. Esse é um dilema difícil, mas ainda é necessário resolvê-lo. Aqui estão algumas perguntas comuns feitas por quem escolhe entre React e Vue:
- Qual é o melhor para o meu próximo projeto?
- Qual estrutura tem o melhor desempenho?
- O que é mais popular entre os desenvolvedores?
- Qual é o melhor para pequenas aplicações web?
- Qual das estruturas é mais confiável?
O autor do material, cuja tradução publicamos hoje, espera que as respostas a essas perguntas ajudem a fazer a escolha certa. Este artigo se concentra na comparação do React e do Vue para ajudar os desenvolvedores a decidir sobre a escolha da estrutura de front-end para projetos da web para 2020.
Popularidade
No mundo JavaScript, novas estruturas e bibliotecas aparecem quase todos os dias. De fato, esse é um processo quase contínuo, durante o qual os favoritos mudam literalmente a cada poucos meses.
Dê uma olhada nos dados de 2019 e descubra - o que é mais popular - React ou Vue.
Aqui estão as informações do
Google Trends . Aqui estão alguns gráficos que ilustram a popularidade de React, Vue e Angular. É fácil ver que o React está significativamente à frente do Vue.
A popularidade de React, Vue e AngularAgora, vamos aos resultados do estudo Stack Overflow. O React encabeça a lista de estruturas que os desenvolvedores mais gostam. E Vue está apenas um pouco para trás. O Vue, desde seu lançamento em 2014, ganhou popularidade considerável em um tempo bastante curto.
Resultados do estudo de estouro de pilhaA história
Vamos falar sobre a história e os antecedentes de React e Vue.
▍Vue
Essa estrutura JS foi criada em 2014 por Evan Yu, um ex-funcionário do Google. Não há gigantes da tecnologia por trás do Vue. A versão mais recente do Vue (2.6.10) foi lançada em 20 de março de 2019.
Desde o advento do Vue, apenas 5 anos se passaram. Isso torna essa estrutura o desenvolvimento mais jovem entre os sistemas desse nível. Entre as grandes empresas que utilizam o Vue, destacam-se o Alibaba e o GitLab. Um dos recursos do Vue é o fato de rastrear a confusão dos recursos de algumas outras estruturas JS bem-sucedidas.
EaReativar
React é uma biblioteca JavaScript que não foi criada por um programador independente, mas por uma grande empresa. É sobre o Facebook. Um dos principais motivos para a criação do React foi o desejo da empresa de melhorar os mecanismos de criação de interfaces. Esta biblioteca foi desenvolvida quando o Facebook se deparou com alguns problemas relacionados ao desenvolvimento e suporte do projeto.
A biblioteca React é conhecida como uma ferramenta poderosa para criar interfaces de usuário dinâmicas e interativas. 6 de maio de 2019 lançou a versão mais recente do React (16.8.6). Essa biblioteca é usada para desenvolver interfaces em muitas empresas conhecidas. Entre eles - BBC, Instagram, WhatsApp.
Desempenho
As alterações na interface do aplicativo são feitas modificando o DOM (Document Object Model). Existem conceitos como DOM virtual e DOM real. O desempenho das ferramentas JavaScript para desenvolver interfaces depende seriamente de como o processo DOM está organizado.
DOM virtual e DOM realEaReativar
O React usa um DOM virtual, um sistema leve e independente de navegador. Uma das principais razões para a popularidade do React é que essa biblioteca funciona de maneira muito eficiente com o DOM.
▍Vue
O Vue também usa um DOM virtual, mas, comparado ao React, o Vue tem maior desempenho e estabilidade.
Apoio comunitário
As comunidades que se formam em torno das tecnologias afetam seriamente seu desenvolvimento e difusão. Em particular, os membros da comunidade podem ajudar os principais desenvolvedores de tecnologia, criar vários complementos, ajudar iniciantes.
EaReativar
O suporte e o desenvolvimento da biblioteca React são gerenciados pelo Facebook. Isso dá aos que escolhem essa biblioteca como base do frontend de seu aplicativo um nível bastante alto de confiança de que o React no futuro próximo não se transformará em algum tipo de projeto abandonado por todos. A comunidade de desenvolvedores do React criou e suporta muitas ferramentas adicionais.
▍Vue
Vue é um projeto cujas origens são uma pessoa comum, não uma grande corporação. Como resultado, pela primeira vez após o surgimento dessa estrutura, ela não parecia particularmente confiável aos olhos dos desenvolvedores. No entanto, após algum tempo o Vue se tornou extremamente popular, muitos programadores contribuem para o seu desenvolvimento. De fato, podemos dizer que é a comunidade de desenvolvedores do Vue que é a força que apóia o projeto.
Tamanho
Se considerarmos que a questão do tamanho é muito simplista, podemos dizer que o React é um pouco maior que o Vue. O tamanho do React é de cerca de 100 Kb, o tamanho do Vue é de cerca de 80 Kb. O tamanho do código JS é um indicador muito importante que tem um forte impacto no desempenho de projetos da web. Quanto menor, melhor, é claro.
No entanto, deve-se notar aqui que o React, para implementar certos recursos, precisa de bibliotecas de terceiros. Um desses recursos é o roteamento. O Vue, por outro lado, é um projeto com um conjunto mais extenso de recursos padrão, embora você não possa fazer acréscimos ao trabalhar com o Vue. E React e Vue, no entanto, são bastante modestos em tamanho, o que os torna bastante adequados para o desenvolvimento de pequenas aplicações.
Exemplos de uso
Antes de escolher uma tecnologia para o próximo projeto, programadores e gerentes geralmente estão interessados em quais projetos existentes essa tecnologia já está aplicada. Se falamos sobre o que o React e o Vue se baseiam, sobre JavaScript e outras tecnologias da web, podemos dizer que tudo isso é usado em inúmeras empresas. Se olharmos para exemplos específicos do uso do React e do Vue, podemos distinguir, por exemplo, as seguintes empresas.
EaReativar
- Facebook - como já mencionado, esta empresa criou e oferece suporte ao React e, além disso, usa ativamente esta biblioteca.
- O Twitter é uma plataforma focada na publicação de mensagens curtas.
- Instagram - nesta plataforma, a ênfase está na publicação de imagens.
- Whatsapp é um mensageiro popular.
▍Vue
- O GitLab é um projeto que ajuda os desenvolvedores a criar programas de forma colaborativa.
- 9Gag é um projeto conhecido por memes e outros materiais similares.
- A Nintendo é desenvolvedora de jogos.
- Grammarly é um serviço de verificação gramatical.
Curva de aprendizado
Curva de aprendizado é uma representação gráfica da mudança na velocidade de aprendizado de um determinado conhecimento ou tipo de atividade. No nosso caso, estamos falando sobre a velocidade do desenvolvimento do React e do Vue. Sabe-se que o Vue é mais fácil de aprender do que o React.
Ao conduzir um estudo
StateOfJS, os entrevistados foram solicitados a responder a várias perguntas sobre estruturas. Abaixo estão os resultados da pesquisa para React, Vue e Angular.
Reagir, Vue e resultados angulares da pesquisaEsse é o significado do realce de cores de fragmentos de diagramas.
Código de cores das respostas às perguntas. De cima para baixo: "Eu nunca ouvi falar disso", "Eu ouvi, mas não é interessante para mim", "Eu ouvi, gostaria de estudar", "Eu usei, não vou usá-lo novamente", "Eu usei, vou usar novamente".Como você pode ver, muitos usuários do React planejam usar esta biblioteca novamente. Muitos programadores estão interessados em aprender o React. Se falarmos sobre o Vue, pode-se notar que a taxa de uso dessa estrutura não é tão grande quanto a do React, e o indicador que indica interesse em aprender excede o do React. Isso sugere que o Vue é uma estrutura que muitos desejam experimentar. Como resultado, como o Vue é mais fácil de aprender, pode-se esperar que o número de pessoas que usam o Vue e planejem usá-lo novamente aumente no futuro.
Flexibilidade
EaReativar
O kernel do React fornece apenas funcionalidade básica. Com o uso prático desta biblioteca, seus recursos precisam ser expandidos. Isso oferece ao desenvolvedor um enorme nível de flexibilidade em termos de escolha de ferramentas adicionais. Existem ferramentas para o desenvolvimento de interfaces, as idéias incorporadas nas quais podem ser consideradas diretamente opostas às incorporadas no React. Por exemplo, esse é o Angular, uma estrutura que inclui muitas ferramentas padrão. Além disso, é um conjunto de ferramentas prontas que funcionam bem juntas. A desvantagem é a falta de flexibilidade na escolha das ferramentas fornecidas pelo React.
Se falarmos sobre tarefas específicas que podem ser resolvidas com a ajuda de bibliotecas adicionais usadas com o React, aqui podemos observar, por exemplo, roteamento, gerenciamento do estado do aplicativo, renderização do servidor, desenvolvimento de aplicativos para dispositivos móveis.
▍Vue
O Vue, diferentemente do React, fornece ao desenvolvedor um conjunto mais extenso de ferramentas padrão que podem resolver os mesmos problemas que geralmente são resolvidos no ecossistema do React usando bibliotecas de terceiros.
▍ Resultados
Se reunirmos tudo o que acabamos de falar, podemos tirar as seguintes conclusões:
- React é mais popular que Vue.
- A React conta com o apoio de uma grande empresa, enquanto a Vue não.
- React oferece ao desenvolvedor um nível mais alto de flexibilidade.
- O tamanho do Vue é menor que o tamanho do React.
Esperamos que o que você lê hoje amplie seu conhecimento sobre React e Vue e ajude você a fazer a escolha certa.
Caros leitores! Se você esteve envolvido recentemente na seleção de uma estrutura para o seu próximo projeto da web, diga-nos o que escolheu e por quê.
