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 =)