Angular vs React vs Vue: qual a estrutura a escolher 2021

o Google Trends também o divulga por Localização geográfica se você quiser pesquisar as tendências de busca de trabalho em sua área.Se você está olhando estritamente do ponto de vista do mercado de trabalho atual, sua melhor aposta é aprender Angular ou reagir. No entanto, dado que o Vue ganhou popularidade ao longo dos últimos três anos, pode levar algum tempo para projetos para usar o Vue, ou novos projetos que adotam o Vue para atingir um nível de maturidade que comanda um maior número de desenvolvedores.

parte 2: Comunidade e desenvolvimento (190) (3107) agora que conhece a história e as tendências recentes de cada um destes quadros, analisaremos a comunidade para avaliar o desenvolvimento destes quadros. Já vimos que para todos os frameworks, lançamentos incrementais foram enviados regularmente ao longo do último ano, o que indica que o desenvolvimento está acontecendo em pleno andamento.

olhemos para o Angular vs React vs Vue no que diz respeito às estatísticas dos seus repositórios de GitHub (e note que os números de Vue também incluem o repositório separado de vue 3.0):

ao comparar Vue vs React, Vue tem um grande número de observadores, estrelas e garfos. Isso mostra a popularidade da Vue entre os usuários e seu valor em comparação com a Reat. No entanto, o número de contribuintes para o Vue é menor do que Angular e reagem.Uma possível explicação é que o Vue é impulsionado inteiramente pela comunidade de código aberto, enquanto o Angular e o Reat têm uma parcela significativa dos funcionários do Google e do Facebook contribuindo para os repositórios.Das estatísticas, todos os três projetos mostram uma atividade significativa de desenvolvimento, e isso certamente vai continuar no futuro-apenas essas estatísticas não podem ser a base para não decidir usar nenhum deles.

uma métrica adicional que você vai querer considerar é o emblema “usado por” de GitHub, que precisa ser habilitado pelo autor do repositório. Isto mostra quantos outros repositórios do GitHub são dependentes desse repositório. O repo do GitHub Angular mostra 1,7 milhões, o Reat mostra atualmente quase 5,7 milhões de usuários, enquanto o Vue mostra mais de 167 mil para ambos os seus repos combinados. Uma grande diferença entre os três enquadramentos, mas isso é em grande parte devido ao Vue ser o mais novo framework e não diz O quadro completo sobre a demanda global.

parte 3: Migrações

à medida que você está trabalhando com o seu framework de escolha, você não quer ter que se preocupar com uma atualização de framework vindo junto e bagunçando seu código. Embora na maioria dos casos você não vai encontrar muitos problemas de uma versão para outra, é importante manter o dedo no pulso, porque algumas atualizações podem ser mais significativas e exigem ajustes para manter as coisas compatíveis.

planos angulares grandes atualizações a cada seis meses. Há também um período de mais seis meses antes de qualquer APIs principal ser desactualizado, o que lhe dá o tempo de dois ciclos de lançamento (um ano) para fazer as mudanças necessárias, se houver.

quando se trata de Angular vs React, o Facebook afirmou que a estabilidade é de extrema importância para eles, como grandes empresas como o Twitter e o uso da Airbnb reagem. Upgrades através de versões são geralmente os mais fáceis em Reat, com scripts como reat-codemod ajudando você a migrar.

na seção de migração do Vue 3 docs, Vue menciona que muito é o mesmo entre Vue 2 e Vue 3 enquanto 90% da API é o mesmo se você estiver migrando de 1.x para 2. Há uma ferramenta auxiliar de migração Vue 2 para Vue 1 que funciona na consola para avaliar o estado do seu aplicativo.

Parte 4: trabalhar com Vue vs Angular vs Reat

há um punhado de características importantes para olhar aqui, sendo o principal deles o tamanho global e tempos de carga, os componentes disponíveis, e curva de aprendizagem.

…

tamanho e tempos de carga ⏲ ️

os tamanhos das bibliotecas não serão tão grandes de um fator já que Cache e minificação são bastante padrão hoje em dia. Embora possa haver uma diferença significativa entre os tamanhos dos frameworks (por exemplo, Angular é o maior), eles ainda são pequenos em comparação com o tamanho médio da webpage (cerca de 2MB de acordo com os dados mais recentes). Além disso, se você usar um CDN popular para carregar essas bibliotecas, é altamente provável que um usuário tenha a biblioteca já carregada em seu sistema local.

…

os componentes 🏗 ️

são partes integrais de todos os três frameworks, não importa se estamos falando de Vue, React, ou angular. Um componente geralmente recebe uma entrada, e muda o comportamento com base nele. Esta mudança de comportamento geralmente se manifesta como uma mudança na IU de alguma parte da página. O uso de componentes facilita a reutilização de código. Um componente pode ser um carrinho em um site de e-commerce ou uma caixa de login em uma rede social.

Angular: em Angular, componentes são referidos como diretivas. Directivas são apenas marcadores em elementos DOM, que Angular pode rastrear e anexar comportamento específico também. Portanto, Angular separa a parte UI dos componentes como atributos de tags HTML, e seus comportamentos na forma de código JavaScript. Isto é o que o distingue quando se olha para a reacção Angular vs.reagem: reagem, curiosamente, combina a IU e o comportamento dos componentes. Por exemplo, aqui está o código para criar um componente de hello world em React. Na reação, a mesma parte do código é responsável por criar um elemento UI e ditar o seu comportamento.Vue: Ao olhar para Vue vs Reat, em Vue, UI e comportamento são também uma parte dos componentes, o que torna as coisas mais intuitivas. Além disso, Vue é altamente personalizável, o que lhe permite combinar a UI e o comportamento de componentes de dentro de um script. Além disso, você também pode usar pré-processadores em Vue ao invés de CSS, que é uma grande funcionalidade. Vue é ótimo quando se trata de integração com outras bibliotecas, como Bootstrap.

para comparar como o mesmo aplicativo fica com diferentes bibliotecas, aqui está um grande post sobre a criação do mesmo aplicativo para fazer lista sobre Reat e Vue e contrastando as diferenças dos dois frameworks.

…

curva de aprendizagem 🎓

Portanto, quão difícil é aprender cada um destes quadros?

Angular: o Angular tem uma curva de aprendizagem íngreme, considerando que é uma solução completa, e dominar o Angular requer que você aprenda conceitos associados como Tipescript e MVC. Mesmo que leve tempo para aprender Angular, o investimento paga dividendos em termos de compreensão de como o front end funciona. Reat: React oferece um guia de arranque que deve ajudar a uma instalação a reagir em cerca de uma hora. A documentação é completa e completa, com soluções para questões comuns já presentes no fluxo de pilha. Reat não é um framework completo e recursos avançados requerem o uso de bibliotecas de terceiros. Isso faz com que a curva de aprendizagem da estrutura central não seja tão íngreme, mas depende do caminho que você tomar com funcionalidade adicional. No entanto, aprender a usar Reat não significa necessariamente que você está usando as melhores práticas.Vue: Vue fornece maior personalização e, portanto, é mais fácil de aprender do que Angular ou reagir. Além disso, Vue tem uma sobreposição com Angular e reagem em relação à sua funcionalidade, como o uso de componentes. Assim, a transição para Vue de qualquer um dos dois é uma opção fácil. No entanto, a simplicidade e flexibilidade da Vue é uma espada de dois gumes-permite um código pobre, tornando difícil depurar e testar.

embora Angular, reagem e Vue tenham uma curva de aprendizagem significativa, seus usos sobre o domínio são ilimitados. Por exemplo, você pode integrar Angular e reagir com WordPress e WooCommerce para criar aplicativos web progressivos.

Angular vs React vs Vue: quem ganha?

no final deste post, vamos recordar as características características de cada framework para tentar responder à pergunta: Angular vs React vs Vue: qual você deve escolher?

Angular é o mais maduro dos frameworks, tem bom suporte em termos de colaboradores e é um pacote completo.

no entanto, a curva de aprendizagem é íngreme e os conceitos de desenvolvimento em Angular podem adiar novos desenvolvedores.

Angular é uma boa escolha para empresas com grandes equipes e desenvolvedores que já usam TypeScript.

Extra 👉 Aqui estão alguns modelos angulares de Painel admin que você pode estar interessado.

React é apenas velho o suficiente para ser maduro e tem um grande número de contribuições da comunidade. Ganhou aceitação generalizada. O mercado de trabalho para reagir é realmente bom, e o futuro para este quadro parece brilhante.

React parece ser uma boa escolha para alguém começar com frameworks JavaScript front-end, startups e desenvolvedores que gostam de alguma flexibilidade. A capacidade de integrar-se com outros enquadramentos dá-lhe uma grande vantagem para aqueles que gostariam de alguma flexibilidade em seu código.

Vue é mais recente na arena, sem o apoio de uma grande empresa.

no entanto, ele tem feito muito bem nos últimos anos para sair como um forte concorrente para Angular e reagir, e especialmente com o lançamento do Vue 3.0. Isto talvez esteja a desempenhar um papel com um monte de gigantes chineses como Alibaba e Baidu escolhendo o Vue como o seu principal framework JavaScript front-end. Vue deve ser sua escolha se preferir simplicidade, mas também como flexibilidade.

Extra 👉 Aqui estão alguns modelos de administração Vue construídos com Bootstrap que você pode estar interessado.

a resposta para o debate do Angular vs React vs Vue é que não há escolha absoluta certa, uma conclusão que você provavelmente esperava.Cada uma dessas bibliotecas tem seus próprios benefícios e desvantagens. Com base no projecto em que está a trabalhar e nas suas necessidades individuais, uma destas será mais adequada do que as outras. É sempre a chave para fazer sua própria pesquisa antes de decidir, especialmente se você vai estar trabalhando em um empreendimento de negócios e não em um projeto pessoal.

qual a estrutura que você acha que é o vencedor aqui-Angular vs React vs Vue? Informe-nos nos comentários abaixo.

em outra nota, que tal usar WordPress um pouco mais? WordPress é perfeitamente adequado para executar quase qualquer projeto de site imaginável, e há alguns temas impressionantes disponíveis para fazer o seu design olhar grande (muitos destes temas são gratuitos para download). Sem mencionar que você pode hospedar um site WordPress para mais barato.