Drawbacks
Vue para React
Mikael Hadler
Software Developer
Comparativo de o uso vue e react pela minha pessoa
Vue
Vue (pronuncia-se /vjuː/, como view, em inglês) é um framework progressivo para a construção de interfaces de usuário.
React
Criação de UIs interativas, views simples para cada estado na sua aplicação, e o React irá atualizar e renderizar de forma eficiente apenas os componentes necessários na medida em que os dados mudam.
O que há
em
comum ?
Ambos
- Utilizam a abordagem de DOM virtual
- Provêm componentes visuais reativos e combináveis
- Mantêm o foco na biblioteca principal, com preocupações como roteamento e gerenciamento de estado global tratadas por bibliotecas companheiras
- Possuem CLI
- Possuem ferramentas para depuração de componentes e estados
Principais Diferenças
React
Vue
- JSX
- CSS-in-Js
- Documentation
- Templates
- SFC (Single File Components)
React CLI
- Não permite nenhuma configuração durante a geração do projeto, enquanto o Vue CLI executa sobre uma dependência de runtime atualizável, que pode ser extendida através de plugins.
- Oferece um único modelo de projeto, assumindo que você está criando uma aplicação single-page, enquanto Vue oferece grande variedade de opções padrão, para vários propósitos e sistemas de build.
- Não permite criar projetos a partir de modelos construídos por outros desenvolvedores, ao contrário dos presets do Vue CLI, que podem ser muito úteis especialmente em ambientes empresariais com padrões estabelecidos.
Vue CLI
Principais diferenças
Ferramentas de depuração
React Devtools
Redux Devtools
- Árvore de componentes verbosa
- Muito rápido
Vue Devtools
- Árvore de componentes simples
- Muito rápido
- Gerenciamento de estado integrado
Prós
- JSX é muito poderoso
- Flexibilidade de modularização
- Se você entende javascript já é metade do caminho
- Fácil de entender quando componentizar
- Foco em paradigmas funcionais
- Ecossistema de libs rico
- Comunidade forte
Contras
- Only JSX
- CSS-in-Js
- Mix libs
- Computeds properties
- SFC
Valeu =)
