{"componentChunkName":"component---src-templates-blog-post-js","path":"/react-ou-vue-qual-devo-escolher-para-meu-projeto/","result":{"data":{"markdownRemark":{"fields":{"slug":"/react-ou-vue-qual-devo-escolher-para-meu-projeto/"},"frontmatter":{"titulo":"React ou Vue qual devo escolher para meu projeto?","data":"08/09/2020","tag":"Programação","image":{"childImageSharp":{"fluid":{"src":"/static/89491a7b1665abce5725ed1f7f4d40bb/b41c1/image.png","base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAAB40lEQVQoz2NQggBFRRCprKwIZiirKMtJSDtG+6bv60/c0Jq8uQOIkja1A1Hy5nYQe3M7EDFAdCqrqAIpBTlZFTU1RQUFZRUVhOaNbTEbmuK3tKZs60jZ1hm/tTV6QxNMM9g2E3df6+Bo66AoC98QVQ1NoKCcpAxQc8a+/th1TZ0nl5asnBS5qC5qSUPBsv6ek8vjN7aCNCvIy6lpazslZnvkVPqVtznGZxnYOcnLSMlLyQI1Z+6bEL66bt6VrVcu3bKPSbaKij9/5tqKW3sj1tanbOlgUNPUtvAN9SyoDWqcGFjX51/VaRUUpWNmKSMi7hjjB3R20sa2yLX1Nz4+aumcWV7bd/fzs5j1MGerqKubewd55tf413QBdfqWtQI1axkZy4hKOMb4QjQDVdcfmvvyzdtnL161Hl0Utb4RaC1Is6K8vIqaun1UimdupX9lp11ksp6FjbyMNMTZkNBO2dIZuqb24MPzp55eC11bC+QiBZiCvLGrt5Gbj4Gju7lviIqqmjIswCCageoSNrVmbuvN3t4XvwkYc+1QzUB18vLyOtraEeHhPl5eerq68nJyyqrIUQXSnLi5rWLvjIaD8+CRDItnJSUVVVUzc3NTMzNVYDxjJBKQ5k1tQJsLdk2C6wQiABXd6+qHWcpiAAAAAElFTkSuQmCC","aspectRatio":2.102803738317757,"srcSet":"/static/89491a7b1665abce5725ed1f7f4d40bb/7e7e9/image.png 225w,\n/static/89491a7b1665abce5725ed1f7f4d40bb/62b1f/image.png 450w,\n/static/89491a7b1665abce5725ed1f7f4d40bb/b41c1/image.png 784w","sizes":"(max-width: 784px) 100vw, 784px"}}}},"html":"<p>Falaaaa moço(a),</p>\n<p>Antes de ir para o assunto do post...</p>\n<p>To a um tempo sumida, eu sei desculpa!\nAdicionei umas features no blog, como suporte de língua inglesa e algumas alterações de CSS e to voltando com o projeto da urbla!</p>\n<p><img src=\"https://media.giphy.com/media/93opkrkYgpurqXMj5j/giphy.gif\" alt=\"https://media.giphy.com/media/93opkrkYgpurqXMj5j/giphy.gif\"></p>\n<p>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!</p>\n<p>Vamos falar sobre sobre esses frameworks lindos?</p>\n<p>Quando a gente vai iniciar um novo projeto, cada programador tem uma forma diferente de lidar com <strong>qual stack eu devo escolher para meu front-end?</strong> React ou Vue?</p>\n<p>Esses frameworks tem particularidades diferentes, e justamente essa particularidade faz <strong>total diferença</strong>. Entretanto, esses dois Frameworks são para resolver um problema, e a gente precisa identificar quão eficiente ela é.</p>\n<h3>Popularidade</h3>\n<p>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).</p>\n<p>Os resultados da pesquisa <a href=\"https://insights.stackoverflow.com/survey/2020#most-popular-technologies\">StackOverflow</a> são : 35.9% para React, enquanto Vue tem 17.3% dos 'votos'.</p>\n<p>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.</p>\n<p><img src=\"https://media.giphy.com/media/R459x856IfF6w/giphy.gif\" alt=\"https://media.giphy.com/media/R459x856IfF6w/giphy.gif\"></p>\n<h3>Renderização</h3>\n<p>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.</p>\n<p>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.</p>\n<p>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.</p>\n<h3>Arquitetura de componentes</h3>\n<p>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.)</p>\n<p>Já o Vue podem sim ser chamados de frameworks puro e completo.</p>\n<p>Se seu projeto é baseado no React, isso significa que você :</p>\n<ul>\n<li>Vai precisar pesquisar e implementar bibliotecas adicionais para cada recurso;</li>\n<li>Ajustar recursos de acordo com a biblioteca especifica;</li>\n</ul>\n<p>Portanto, levara mais tempo para implementar uma arquitetura.</p>\n<p>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 <strong>todas</strong> as bibliotecas. Isso permite que outros desenvolvedores ingressem no projeto sem pesquisar a arquitetura.</p>\n<h3>Compatibilidade de versões anteriores</h3>\n<p>Todo desenvolvedor sabe a importância de atualizar a arquitetura, adicionar novos módulos e bibliotecas.</p>\n<ul>\n<li>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.</li>\n<li>Vue é uma estrutura progressiva (de acordo com o fundador da <a href=\"https://www.youtube.com/watch?v=p2P3z7p_zTI&#x26;ab_channel=VueNYC\">Vue Evan You</a> ).</li>\n</ul>\n<blockquote>\n<p>Seu sistema modular é semelhante ao React, mas também inclui todas as propriedades dos frameworks JS trabalhando com compatibilidade com versões anteriores.</p>\n</blockquote>\n<h3>React</h3>\n<p>O suporte do react é um pouco complicado entretanto temos uma <strong>comunidade enorme</strong> e isso inclui, desenvolvedores e <strong>empresas</strong> de todo o <strong>mundo</strong>. Com isso você consegue achar soluções em russo, chinês e inglês etc..</p>\n<p>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.</p>\n<h3>Vue</h3>\n<p>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.</p>\n<p>Normalmente, você pode ter que esperar por uma resposta sobre como implementar algum recurso. E as vezes nem ter resposta.</p>\n<h3>Conclusão</h3>\n<p>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 <strong>hoje</strong> e no <strong>futuro</strong>!</p>\n<p><img src=\"https://media.giphy.com/media/y3QOvy7xxMwKI/giphy.gif\" alt=\"https://media.giphy.com/media/y3QOvy7xxMwKI/giphy.gif\"></p>\n<p>Boa sorte e até mais!!!</p>\n<p><img src=\"https://media.giphy.com/media/kaBU6pgv0OsPHz2yxy/giphy.gif\" alt=\"https://media.giphy.com/media/kaBU6pgv0OsPHz2yxy/giphy.gif\"></p>","timeToRead":3}},"pageContext":{"slug":"/react-ou-vue-qual-devo-escolher-para-meu-projeto/","previousPost":{"fields":{"slug":"/como-criar-extensao-no-vscode/"},"frontmatter":{"templateKey":"blog-post","data":"16 de Outubro de 2020","tag":"Programação","titulo":"Como criar extensão no vscode","locale":"pt"},"timeToRead":6},"nextPost":{"fields":{"slug":"/5-youtuber-que-mudaram-meu-mindset-sobre-tecnologia/"},"frontmatter":{"templateKey":"blog-post","data":"27 de Julho de 2020","tag":"Carreira","titulo":"5 Youtubers que mudaram meu mindset sobre tecnologia.","locale":"pt"},"timeToRead":2},"locale":"pt"}}}