Matheus Amaral da Silva

Vue vs React Vue Lançado em fevereiro de 2014, como uma biblioteca de Javascript open source, foi desenvolvida por Evan You, que atuava em projetos do Google. A proposta do Vue é ne tornar o processo de construção de UI (user interfaces), mais simples e ágil, funciona como uma SPA (single page application) onde toda a funcionalidade está contida em uma só página e por meio de assincronismo atualiza apenas o conteúdo necessário para aquele contexto. React Assim como o Vue, o React também é um biblioteca Javascript que auxilia na criação de UI funcionando como uma SPA, surgiu em 2011 pelo time de desenvolvedores do Facebook, dada a necessidade sincronização do seu feed de notícias e os inúmeros componentes que inclui. Além disso, um de seus objetivos é promover o reúso de código, dessa forma uma dada regra de negócio pode ser componentizada e chamada em diversos locais da página de maneira que se necessário alterar só deve ser feito uma vez no código do componente. Semelhanças Ambas as ferramentas são muito parecidas, são descritas como bibliotecas, por tratarem apenas da camada de visualização dos dados não são vistas como frameworks, divergindo do Angular por exemplo, que possui uma arquitetura mais robusta contendo mais camadas de funcionamento e englobando mais aspectos do funcionamento de uma aplicação. Tanto o Vue como o React por serem SPAs fazem o uso do DOM (Modelo de Objeto de Documento) virtual, esse conceito consiste na manipulação de documentos html e xml, é representado por uma estrutura em árvores que organiza a renderização da página. No caso do DOM virtual, a representação dele é mantida em memória, a atualização dele é muito mais rápida, tornando as bibliotecas extremamente eficientes e performáticas. Essas bibliotecas permitem uma estrutura de arquivos mais organizada, para que o desenvolvedor possa reutilizar código e transformar funcionalidades em componentes. Vantagens/Desvantagens Quanto às especificidades de cada biblioteca, se resumem mais a sintaxe do seu código, o Vue trabalha com arquivos .vue que são compostos pelas tags <template> onde vai o html renderizado, a tag <script> é responsável por todo o código Javascript/Typescript do componente, e a tag <style> contém o css específico. A estrutura de um arquivo .vue se assemelha muito aos arquivos .html. No caso do React, seus componentes estão em arquivos .jsx ou .tsx no caso de usar Typescript, dessa forma o componente é uma função onde os elementos visuais devem ser retornados como resultado dessa função, o react permite styled components, dessa forma o css pode ser parametrizado dentro da própria função. Conclusões Essas conclusões são baseadas na minha experiência pessoal, então eu recomendo fortemente que a exploração das possibilidades e desafios das duas bibliotecas, porém a minha preferência é o Vue. Não há uma tecnologia melhor que a outra, ambas são extremamente eficientes e de qualidade e existe espaço no mercado para as duas. Embora sejam quase iguais, as suas especificidades visam atender a propósitos diferentes. Então cada desenvolvedor deve decidir qual tecnologia o atende mais. Um exemplo disso são algumas das diretivas no html do vue, tais como o v-if e o v-for, facilitam muito na renderização condicional e iterações em listas, na minha opinião, além do fato de que as divisões de responsabilidades do html, js/ts e css no código facilitam a legibilidade para mim. Tenho a impressão de que o React é mais para um dev que goste de código, e de pensar de forma algorítmica, e que o Vue atende ao profissional mais voltado para o front-end das aplicações e com um perfil mais criativo. Referências SPAs Vue DOM, Virtual DOM e Shadow DOM React