{"id":4249,"date":"2020-04-13T09:00:00","date_gmt":"2020-04-13T12:00:00","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=4249"},"modified":"2024-10-29T11:01:30","modified_gmt":"2024-10-29T14:01:30","slug":"react-vs-vue-vs-angular-qual-escolher","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/react-vs-vue-vs-angular-qual-escolher\/","title":{"rendered":"React vs Vue vs Angular: qual escolher?"},"content":{"rendered":"\r\n

Hoje, ao iniciar um projeto de front-end temos que escolher qual ferramenta iremos usar, e essa \u00e9 uma decis\u00e3o sem volta.

Dificilmente um projeto ap\u00f3s iniciado muda de framework. A m\u00e3o de obra e esfor\u00e7o necess\u00e1rio para essa mudan\u00e7a s\u00e3o maiores do que refazer o projeto do zero.

Hoje, os top tr\u00eas frameworks<\/a><\/strong> de front-end s\u00e3o React<\/strong> (n\u00e3o \u00e9 um framework em si, mas eu j\u00e1 explico), Angular<\/a> <\/strong>e Vue js<\/a><\/strong>.<\/p>\r\n\r\n\r\n\r\n

Mas a pergunta que muitos fazem \u00e9: React, Vue ou Angular? <\/strong><\/p>\r\n\r\n\r\n\r\n

N\u00f3s trabalhamos usando essas ferramentas como sendo o n\u00facleo da l\u00f3gica de neg\u00f3cio e, o back-end, como sendo um manipulador de banco de dados na maioria dos projetos.<\/p>\r\n\r\n\r\n\r\n

Toda a informa\u00e7\u00e3o do projeto \u00e9 processada, filtrada e entregue ao usu\u00e1rio por meio do front-end da melhor maneira poss\u00edvel para aquele dispositivo em particular.<\/p>\r\n\r\n\r\n\r\n

N\u00e3o importa se est\u00e1 em um desktop, tablet ou smartphone, ser\u00e1 entregue a melhor experi\u00eancia para ele.<\/p>\r\n\r\n\r\n\r\n

Para isso acontecer um fator que levamos muito em conta \u00e9 a performance.<\/p>\r\n\r\n\r\n\r\n

\u201c … pronto, agora na tela voc\u00eas ir\u00e3o ver escrito \u2018Hello World<\/em>\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

10\u00b0 aula do curso de front-end, 50Mb de arquivos, 6 desist\u00eancias na turma<\/em><\/p>\r\n\r\n\r\n\r\n

>> Leitura recomendada: <\/strong>
Linha do tempo: a origem e o <\/em>futuro do front-end<\/em><\/a><\/strong>. <\/em><\/p>\r\n\r\n\r\n\r\n

Angular.js (primeira vers\u00e3o)<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n

A primeira vers\u00e3o do Angular foi algo que mudou o desenvolvimento, os princ\u00edpios de componentes e props <\/em>surgiram com ele.<\/p>\r\n\r\n\r\n\r\n

Tamb\u00e9m foi o surgimento do conhecido two way data bind, <\/em>que mantinha o model<\/em> e a view<\/em> sincronizadas, o problema do Angular era seu peso.<\/p>\r\n\r\n\r\n\r\n

Muitas vezes n\u00e3o chegamos a usar nem um ter\u00e7o de todos as suas funcionalidades.<\/p>\r\n\r\n\r\n\r\n

O Angular era t\u00e3o completo que dentro dele vinha um jQuery lite. Isso tornava a aplica\u00e7\u00e3o muito pesada, e a sua manipula\u00e7\u00e3o do DOM era lenta e muito custosa para dispositivos m\u00f3veis.<\/p>\r\n\r\n\r\n\r\n

O Angular.js abriu caminhos para Front-end<\/h3>\r\n\r\n\r\n\r\n

A primeira vers\u00e3o do Angular j\u00e1 est\u00e1 em desuso. Ela foi muito importante para abrir o mercado que temos hoje.<\/p>\r\n\r\n\r\n\r\n

Foi essa primeira vers\u00e3o que fez o front-end <\/em>se popularizar entre os desenvolvedores e fundou v\u00e1rios conceitos que s\u00e3o utilizados at\u00e9 hoje.<\/p>\r\n\r\n\r\n\r\n

Se aparecer para voc\u00ea um trabalho grande e legado para dar manuten\u00e7\u00e3o para um projeto em Angular.js (primeira vers\u00e3o), voc\u00ea vai encontrar provavelmente um emaranhado de ng-alguma-coisa, $scope <\/em>e cascatas de ifs<\/em>.<\/p>\r\n\r\n\r\n\r\n

E, claro, tamb\u00e9m o ca\u00f3tico loop<\/em> do $digest<\/em><\/strong>. Prepare-se psicologicamente antes, se despe\u00e7a da fam\u00edlia e tente n\u00e3o surtar, porque voc\u00ea vai.<\/p>\r\n\r\n\r\n\r\n

Angular 2+ (Atual)<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n

\u201cSua mega corpora\u00e7\u00e3o sinistra precisa de um framework gigante e robusto? Fa\u00e7a como a Umbrella Corporation, LexCorp, Aperture Laboratories e v\u00e1rias outras. Use Angular<\/em>\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

An\u00fancio do Angular em neon, Tokyo, 2055<\/em><\/p>\r\n\r\n\r\n\r\n

Quais as vantagens do Angular 2+?<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n

O Angular.js<\/a><\/strong> \u00e9 mantido pelo Google, o que traz uma suposta seguran\u00e7a para empresas de grande porte, ent\u00e3o ele \u00e9 muito adotado para projetos corporativos e empresas financeiras.<\/p>\r\n\r\n\r\n\r\n

Ele tamb\u00e9m adotou o TypeScript<\/em><\/strong> que \u00e9 uma vers\u00e3o tipada<\/em> do ECMA Script, isso atraiu muita aten\u00e7\u00e3o dos desenvolvedores C#\/.Net, que tamb\u00e9m \u00e9 uma linguagem\/framework muito utilizado no meio front-endier<\/em> (rs).<\/p>\r\n\r\n\r\n\r\n

O Angular atual (2+)<\/strong> foi reescrito do zero e desde o come\u00e7o usou o TypeScript. Ele n\u00e3o tem absolutamente nada a ver com a primeira vers\u00e3o.<\/p>\r\n\r\n\r\n\r\n

Isso fez com que muitos desenvolvedores da primeira vers\u00e3o de Angular<\/strong> migrassem para o React, e tamb\u00e9m fez novos desenvolvedores e back-ends<\/em> se tornarem front-end.<\/p>\r\n\r\n\r\n\r\n

Aqui o duelo React vs Angular<\/em><\/strong> tornou-se uma realidade.<\/p>\r\n\r\n\r\n\r\n

Diferente do React<\/strong>, o Angular \u00e9 um framework completo com todas as ferramentas para se criar uma aplica\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n

maaaaaas\u2026<\/em><\/p>\r\n\r\n\r\n\r\n

Quais as \u2018peculiaridades\u2019 do Angular 2+?<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n

O fato de ser um framework completo tamb\u00e9m faz com que seja muito pesado, mas geralmente ele \u00e9 usado para projetos grandes e que necessitam de um ambiente completo.<\/p>\r\n\r\n\r\n\r\n

N\u00e3o creio que o Angular seja adequado para coisas mais simples.<\/p>\r\n\r\n\r\n\r\n

Al\u00e9m de sua curva de aprendizado ser maior, se voc\u00ea deseja trabalhar ou j\u00e1 trabalha com esse tipo de projeto (grandes e muitas regras de neg\u00f3cios) aprender Angular pode te ajudar a conseguir v\u00e1rios trabalhos com essas empresas.<\/p>\r\n\r\n\r\n\r\n

React.js<\/strong><\/h2>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

React.js: as vantagens<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n

A primeira vers\u00e3o do Angular tinha v\u00e1rios problemas como j\u00e1 citado. J\u00e1 o React.js<\/a><\/strong>, por sua vez, trazia um poderoso algoritmo de manipula\u00e7\u00e3o do DOM, o que j\u00e1 era um grande diferencial.<\/p>\r\n\r\n\r\n\r\n

Al\u00e9m de seu tamanho, que \u00e9 extremamente leve (react + react-dom v16.0 \u00a049.8 kb<\/strong> gzipped) ele trouxe a total integra\u00e7\u00e3o com as vers\u00f5es modernas do ECMA Script, dando suporte \u00e0s classes e modulariza\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n

Isso traz um desenvolvimento web equivalente \u00e0s linguagens cl\u00e1ssicas de programa\u00e7\u00e3o como Java, Python e C++. Usar React tamb\u00e9m deixa a aplica\u00e7\u00e3o mais robusta e f\u00e1cil de implementar novas funcionalidades.<\/p>\r\n\r\n\r\n\r\n

Ferramentas de teste como o Jest, garantem que a aplica\u00e7\u00e3o funcione antes mesmo de ser feito um deploy<\/em> para produ\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n

>><\/em> Leitura recomendada: <\/strong>
Leia nosso artigo sobre <\/em>cria\u00e7\u00e3o de componentes no React<\/em><\/strong><\/a><\/p>\r\n\r\n\r\n\r\n

\u201cReact.js n\u00e3o \u00e9 um framework\u201d<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n

\u201cQue?\u201d<\/em><\/p>\r\n\r\n\r\n\r\n

Sim, isso mesmo que estou falando.<\/p>\r\n\r\n\r\n\r\n

O React<\/strong> n\u00e3o \u00e9 um framework<\/em> e todas as coisas que voc\u00ea quiser fazer, que n\u00e3o tenha a ver com a renderiza\u00e7\u00e3o do front-end<\/em>, voc\u00ea ter\u00e1 que instalar uma biblioteca de terceiros.<\/p>\r\n\r\n\r\n\r\n

Isso \u00e9 uma vantagem, pois voc\u00ea s\u00f3 instala o que \u00e9 necess\u00e1rio para a aplica\u00e7\u00e3o, deixando ela mais leve.<\/p>\r\n\r\n\r\n\r\n

>>Leitura Recomendada:<\/strong>
Um guia para usar<\/em> React JS<\/em><\/strong><\/a><\/p>\r\n\r\n\r\n\r\n

E os contras do React.js? Existem?<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n

A renderiza\u00e7\u00e3o do template \u00e9 toda feita em JavaScript ent\u00e3o n\u00e3o temos loops, ifs, classes, inline no template.<\/p>\r\n\r\n\r\n\r\n

Essa falta de suporte nativo \u00e0s ferramentas de templates criaram algumas bizarrices como, por exemplo, o react-if<\/a><\/strong>, ou o classnames<\/a><\/strong>.<\/p>\r\n\r\n\r\n\r\n

A maior quest\u00e3o do React.js \u00e9 que, em outras bibliotecas, essas coisas j\u00e1 vem nativas, como no vue com v-if <\/em>e :class <\/em>ou Angular com *ngIf <\/em>e [ngClass]<\/em>, e v\u00e1rias outras.<\/p>\r\n\r\n\r\n\r\n

Se n\u00e3o tiver cuidado, com o React, voc\u00ea pode ter v\u00e1rias depend\u00eancias pequenas espalhadas por toda a aplica\u00e7\u00e3o, que no bundle<\/em> final, deixa a aplica\u00e7\u00e3o muito pesada e lenta.<\/p>\r\n\r\n\r\n\r\n

Isso acontece pois cada uma dessas libs<\/em> s\u00e3o feitas por programadores diferentes, e nem sempre \u00e9 feito com o melhor desempenho e da maneira correta.<\/p>\r\n\r\n\r\n\r\n

E a sua principal ferramenta de gerenciamento global de estado, o Redux<\/em><\/strong>, que \u00e9 usada na maioria dos projetos, torna a aplica\u00e7\u00e3o bem complexa.<\/p>\r\n\r\n\r\n\r\n

Para fazer uma coisa simples voc\u00ea tem que seguir uma s\u00e9rie de padr\u00f5es e normas que se n\u00e3o forem feitas estritamente dentro do padr\u00e3o voc\u00ea pode se perder facilmente.<\/p>\r\n\r\n\r\n\r\n

O React em si \u00e9 uma ferramenta simples e f\u00e1cil de se programar, mas \u00e0 medida que voc\u00ea vai adicionando funcionalidades e libs<\/em>, sua complexidade aumenta muito.<\/p>\r\n\r\n\r\n\r\n

E a\u00ed, quando isso acontece, \u00e9 necess\u00e1rio bastante conhecimento t\u00e9cnico, tanto do pr\u00f3prio React como do JavaScript, para manter e desenvolver uma aplica\u00e7\u00e3o complexa em React.<\/p>\r\n\r\n\r\n\r\n

>> Leitura recomendada: <\/strong>
Tudo sobre React Native<\/a><\/strong><\/p>\r\n\r\n\r\n\r\n\r\n\r\n

E o Vue.js?<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n

\u201cJavaScript s\u00f3 serve basicamente para validar formul\u00e1rios.\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

\u201cProgramador de verdade n\u00e3o usa plugins, faz tudo do zero.\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

\u201cO site tem que funcionar no IE6.\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

Jorge, dono da JorgeTech<\/em>\u00ae<\/sup><\/strong>, desenvolvedora do jERP em SAP, ABAP, COBOL e Asp.net, 2019<\/em><\/p>\r\n\r\n\r\n\r\n

O Vue.js<\/a><\/strong> foi criado com base no template do Angular, por\u00e9m usando algumas das coisas do React, como a componentiza\u00e7\u00e3o e controle do DOM.<\/p>\r\n\r\n\r\n\r\n

Vamos falar a verdade? O Vue.js une o melhor dos dois mundos.<\/p>\r\n\r\n\r\n\r\n

O Vue.js \u00e9 amplamente divulgado pela comunidade como uma boa alternativa ao React e ao Angular.<\/p>\r\n\r\n\r\n\r\n

O Vue tem sua ferramenta de configura\u00e7\u00e3o de projetos, o Vue Cli<\/a><\/strong>, que ajuda e muito a come\u00e7ar um projeto. Com a ferramenta \u00e9 poss\u00edvel s\u00f3 ir escolhendo o que voc\u00ea quer ou n\u00e3o no projeto.<\/p>\r\n\r\n\r\n\r\n

O Vue Cli tamb\u00e9m tem uma interface gr\u00e1fica, facilitando ainda mais o trabalho.

O template engine<\/em> do Vue<\/strong> \u00e9 muito f\u00e1cil e intuitivo, se voc\u00ea j\u00e1 tiver o m\u00ednimo conhecimento com Angular ou React, voc\u00ea n\u00e3o ter\u00e1 dificuldade nenhuma em fazer um projeto em Vue.<\/p>\r\n\r\n\r\n\r\n

A vers\u00e3o 2 do Vue<\/strong> trouxe os Vue files que s\u00e3o arquivos que cont\u00e9m o template, Javascript\/TypeScript e css\/sass\/postcss em um s\u00f3 lugar, todo o component em um \u00fanico arquivo.<\/p>\r\n\r\n\r\n\r\n

Ele \u00e9 absurdamente leve (cerca de 20.9K<\/strong> Gzipped), isso j\u00e1 com todas as ferramentas b\u00e1sicas para iniciar o projeto.

O \u201cRedux do Vue<\/em>\u201d, o Vuex, que \u00e9 usado para o gerenciamento do estado global da aplica\u00e7\u00e3o, \u00e9 muito simples e f\u00e1cil de usar, mesmo mantendo toda a arquitetura proposta pelo Flux<\/strong>. Ali\u00e1s, temos uma artigo aqui sobre arquitetura de React com Flux<\/strong>, que acho que ser\u00e1 \u00fatil tamb\u00e9m.<\/p>\r\n\r\n\r\n\r\n

>>Leitura Recomendada:<\/strong>
Leia nosso artigo sobre as novidades do TypeScript 3.4<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n

Ok, mas e as desvantagens do Vue.js?<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n

O ponto fraco do Vue \u00e9 que ele ainda \u00e9 novo, e a vers\u00e3o 2, que se consolidou entre os grandes frameworks<\/em>, \u00e9 mais recente ainda, isso traz inseguran\u00e7a aos clientes.<\/p>\r\n\r\n\r\n\r\n

O Vue tamb\u00e9m n\u00e3o tem nomes como Facebook e Google em seu rodap\u00e9, o que o torna \u201cmenos seguro\u201d aos clientes.<\/p>\r\n\r\n\r\n\r\n

Mas entre os desenvolvedores Front-end, o Vue se destaca na frente dos outros:<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n

Fonte<\/strong>: Best of JavaScript<\/a><\/strong><\/p>\r\n\r\n\r\n\r\n

Ser\u00e1 s\u00f3 uma quest\u00e3o de tempo at\u00e9 que o Vue esteja no mesmo patamar de popularidade, tamb\u00e9m com os clientes.<\/p>\r\n\r\n\r\n\r\n

Ent\u00e3o se voc\u00ea j\u00e1 trabalha com front-end e ainda n\u00e3o fez nada com Vue, aproveite para conhec\u00ea-lo e estar preparado para quando essa demanda chegar at\u00e9 voc\u00ea.<\/p>\r\n\r\n\r\n\r\n

React vs Vue vs Angular: qual a conclus\u00e3o? O que \u00e9 melhor?<\/h2>\r\n\r\n\r\n\r\n

Independente da ferramenta o melhor programador front-end \u00e9 aquele que domina o JavaScript<\/strong><\/a>, que se vira com o que tem e n\u00e3o tem medo de aprender coisas novas e mudar.<\/p>\r\n\r\n\r\n\r\n

A melhor ferramenta \u00e9 sempre aquela que est\u00e1 por vir. No decorrer do texto voc\u00ea pode perceber que todas tem pontos fortes e pontos fracos.<\/p>\r\n\r\n\r\n\r\n

A gente vai pegando o que \u00e9 melhor em uma, coloca na pr\u00f3xima, melhora e adiciona coisa nova.<\/p>\r\n\r\n\r\n\r\n

Sempre esteja um passo \u00e0 frente da demanda atual dos clientes e do mercado, por que quando ela chegar, voc\u00ea j\u00e1 vai estar com uma imensa vantagem e conhecimento nunca \u00e9 desperdi\u00e7ado.<\/p>\r\n\r\n\r\n\r\n\r\n\r\n

Mas, Vue.js <3<\/h3>\r\n\r\n\r\n\r\n

Hoje a minha prefer\u00eancia pessoal sem d\u00favidas \u00e9 o Vue, sempre \u00e9 minha primeira escolha para qualquer projeto que eu vou implementar. Ele \u00e9 leve, simples e eficaz.<\/p>\r\n\r\n\r\n\r\n

Ent\u00e3o, hoje, se voc\u00ea me questionar “React, vue ou angular?<\/em>“, eu te direi Vue.js. Mas, novamente, esse \u00e9 o meu cen\u00e1rio. \u00c9 a minha necessidade.<\/p>\r\n\r\n\r\n\r\n

Se voc\u00ea est\u00e1 come\u00e7ando agora aprenda React. Para front-end, a grande maioria das vagas de trabalho s\u00e3o para entendidos de React, ent\u00e3o sua chance de conseguir entrar no mercado \u00e9 maior com ele.<\/p>\r\n\r\n\r\n\r\n

Se voc\u00ea tem o perfil mais corporativo voc\u00ea pode se dar bem com Angular, que \u00e9 o que a maioria desse mercado usa.<\/p>\r\n\r\n\r\n\r\n

Mas se voc\u00ea n\u00e3o quer ter dor de cabe\u00e7a use Vue. \u00c9 isto.<\/p>\r\n\r\n\r\n\r\n

\u201cUsamos o jERP h\u00e1 25 anos. Esse ano a JorgeTech<\/strong>\u00ae<\/sup><\/strong> vai instalar aqui um mainframe IBM z900, grande avan\u00e7o para n\u00f3s.\u201d<\/strong><\/p>\r\n\r\n\r\n\r\n

Papeis Pereira, primeiro cliente da JorgeTech, ainda usam o Windows XP e IE6, porque se for atualizar, o jERP n\u00e3o funciona mais, 2019<\/em><\/p>\r\n\r\n\r\n\r\n

>>Leitura Recomendada:<\/strong>
Leia nosso artigo sobre o <\/em>Svelte<\/em><\/a><\/strong>, o framework JavaScript que n\u00e3o \u00e9 um framework.<\/em><\/p>\r\n\r\n\r\n\r\n

Crie um perfil na GeekHunter e receba propostas alinhadas ao seu perfil. S\u00e3o mais de 1000 vagas abertas, inclusive Vagas para Desenvolvedor JavaScript<\/a><\/strong>, Vagas para Desenvolvedor React<\/a><\/strong> e Vagas para Desenvolvedor AngularJS<\/strong><\/a> e Vagas para Desenvolvedor TypeScript<\/a><\/strong>.<\/p>\r\n\r\n\r\n\r\n

 <\/p>\r\n","protected":false},"excerpt":{"rendered":"

Hoje, ao iniciar um projeto de front-end temos que escolher qual ferramenta iremos usar, e essa \u00e9 uma decis\u00e3o sem volta. Dificilmente um projeto ap\u00f3s iniciado muda de framework. A m\u00e3o de obra e esfor\u00e7o necess\u00e1rio para essa mudan\u00e7a s\u00e3o maiores do que refazer o projeto do zero. Hoje, os top tr\u00eas frameworks de front-end […]<\/p>\n","protected":false},"author":167,"featured_media":4251,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-4249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"\nReact vs Vue vs Angular: qual escolher? - Blog Geekhunter<\/title>\n<meta name=\"description\" content=\"React vs Vue vs Angular: o que escolher? Neste artigo, voc\u00ea vai descobrir qual ferramenta cabe melhor em cada tipo de projeto. Leia o artigo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React vs Vue vs Angular: qual escolher?\" \/>\n<meta property=\"og:description\" content=\"Hoje, ao iniciar um projeto de front-end temos que escolher qual ferramenta iremos usar, e essa \u00e9 uma decis\u00e3o sem volta. Dificilmente um projeto ap\u00f3s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-13T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-29T14:01:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"React vs Vue vs Angular: qual escolher?\",\"datePublished\":\"2020-04-13T12:00:00+00:00\",\"dateModified\":\"2024-10-29T14:01:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/\"},\"wordCount\":1979,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/react-vs-vue-vs-angular.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/\",\"name\":\"React vs Vue vs Angular: qual escolher? - Blog Geekhunter\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/react-vs-vue-vs-angular.png\",\"datePublished\":\"2020-04-13T12:00:00+00:00\",\"dateModified\":\"2024-10-29T14:01:30+00:00\",\"description\":\"React vs Vue vs Angular: o que escolher? Neste artigo, voc\u00ea vai descobrir qual ferramenta cabe melhor em cada tipo de projeto. Leia o artigo!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/react-vs-vue-vs-angular.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/react-vs-vue-vs-angular.png\",\"width\":1366,\"height\":768,\"caption\":\"logos react vue e angular\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-vs-vue-vs-angular-qual-escolher\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"React vs Vue vs Angular: qual escolher?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"React vs Vue vs Angular: qual escolher? - Blog Geekhunter","description":"React vs Vue vs Angular: o que escolher? Neste artigo, voc\u00ea vai descobrir qual ferramenta cabe melhor em cada tipo de projeto. Leia o artigo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/","og_locale":"pt_BR","og_type":"article","og_title":"React vs Vue vs Angular: qual escolher?","og_description":"Hoje, ao iniciar um projeto de front-end temos que escolher qual ferramenta iremos usar, e essa \u00e9 uma decis\u00e3o sem volta. Dificilmente um projeto ap\u00f3s","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2020-04-13T12:00:00+00:00","article_modified_time":"2024-10-29T14:01:30+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"React vs Vue vs Angular: qual escolher?","datePublished":"2020-04-13T12:00:00+00:00","dateModified":"2024-10-29T14:01:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/"},"wordCount":1979,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/","name":"React vs Vue vs Angular: qual escolher? - Blog Geekhunter","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png","datePublished":"2020-04-13T12:00:00+00:00","dateModified":"2024-10-29T14:01:30+00:00","description":"React vs Vue vs Angular: o que escolher? Neste artigo, voc\u00ea vai descobrir qual ferramenta cabe melhor em cada tipo de projeto. Leia o artigo!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/react-vs-vue-vs-angular-qual-escolher\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/02\/react-vs-vue-vs-angular.png","width":1366,"height":768,"caption":"logos react vue e angular"},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"React vs Vue vs Angular: qual escolher?"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/4249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/users\/167"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=4249"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/4249\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/4251"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=4249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=4249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=4249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}