React ou Vue qual devo escolher para meu projeto?

• 3 min de leitura

Falaaaa moço(a),

Antes de ir para o assunto do post...

To a um tempo sumida, eu sei desculpa! Adicionei umas features no blog, como suporte de língua inglesa e algumas alterações de CSS e to voltando com o projeto da urbla!

Eu não sabia o que escrever e fiz uma pesquisa lá no meu instagram para saber o que as pessoas querem saber. Tive várias sugestões e uma dessa sugestões foi a do post de hoje!

Vamos falar sobre sobre esses frameworks lindos?

Quando a gente vai iniciar um novo projeto, cada programador tem uma forma diferente de lidar com qual stack eu devo escolher para meu front-end? React ou Vue?

Esses frameworks tem particularidades diferentes, e justamente essa particularidade faz total diferença. Entretanto, esses dois Frameworks são para resolver um problema, e a gente precisa identificar quão eficiente ela é.

Popularidade

Mas antes de escolher qual framework e o ideal para o seu projeto, você também deve considerar entender o mercado em volta dessas tecnologias (claro se seu foco for mercado de trabalho).

Os resultados da pesquisa StackOverflow são : 35.9% para React, enquanto Vue tem 17.3% dos 'votos'.

Mas isso não quer dizer que React e o mais eficiente, aqui estamos lidando com a popularidade, ate por que o Vue tem mais 'stars' no GitHub.

Renderização

A arquitetura moderna hoje utiliza dois tipos de renderização de página: o lado do cliente (a página é renderizada usando os recursos do PC do usuário final) e do lado do servidor.

DOM - Com ele você pode acessar e alterar o conteúdo, layout e até mesmo estrutura do documento. Cada framework tem sua própria maneira de lidar com o DOM, que influencia na renderização da pagina final.

Vue e React eles clonam o DOM, eles processam a cópia e comparam o resultado com a fonte. Então, no documento resultante (aquele na tela do usuário) eles substituem apenas as partes que diferem dos resultados processados. Isso acelera significativamente o tempo de carregamento e renderização da página, entretanto reduz a quantidade de tráfego usado. Isso pode ser crucial para usuários móveis.

Arquitetura de componentes

Nesse ponto o React não pode ser chamado de estrutura pura, por que ela é uma biblioteca modificada sob medida para o padrão MVC (Model-View-Controller, onde o Model é responsável por fornecer os dados, a View exibe os dados do Model para o usuário e o Controller interpreta as ações do usuário e faz com que o modelo forneça alterações e atualizações.)

Já o Vue podem sim ser chamados de frameworks puro e completo.

Se seu projeto é baseado no React, isso significa que você :

Vai precisar pesquisar e implementar bibliotecas adicionais para cada recurso;
Ajustar recursos de acordo com a biblioteca especifica;

Portanto, levara mais tempo para implementar uma arquitetura.

Se você usar estruturas prontas como Vue , não haverá problemas em selecionar e personalizar as bibliotecas para diferentes fins. A API de alto nível fornece compatibilidade com versões anteriores para todas as bibliotecas. Isso permite que outros desenvolvedores ingressem no projeto sem pesquisar a arquitetura.

Compatibilidade de versões anteriores

Todo desenvolvedor sabe a importância de atualizar a arquitetura, adicionar novos módulos e bibliotecas.

React é uma lib com compatibilidade completa com versões anteriores. Você pode adicionar diferentes versões das bibliotecas ao seu app web e atualizar as antigas com a herança da propriedade.
Vue é uma estrutura progressiva (de acordo com o fundador da Vue Evan You ).

Seu sistema modular é semelhante ao React, mas também inclui todas as propriedades dos frameworks JS trabalhando com compatibilidade com versões anteriores.

React

O suporte do react é um pouco complicado entretanto temos uma comunidade enorme e isso inclui, desenvolvedores e empresas de todo o mundo. Com isso você consegue achar soluções em russo, chinês e inglês etc..

A principal desvantagem do React é o fato de bibliotecas open source aparecerem diariamente. Pode ser uma dificuldade gigantesca encontrar a documentação que contém todas as informações sobre implementação, funções e propriedades.

Vue

A comunidade do Vue e bem pequena (embora seja mais popular no GitHub), especialmente em comparação ao React. Até o nosso querido JQuery é mais usado que o Vue.

Normalmente, você pode ter que esperar por uma resposta sobre como implementar algum recurso. E as vezes nem ter resposta.

Conclusão

E realmente difícil decidir qual tecnologia escolher, mas listado os fatos acima cabe você decidir qual será sua escolha com base na mais atraente para você no que você quer hoje e no futuro!