Qual o melhor em escalabilidade? React ou Vue?
Na opinião de vocês qual o melhor framework pra projetos mais complexos?
1
3
vue, react, angular, svelte, solid, etc...
Todos são horríveis e os que deixei de fora não são melhores.
Se quer escalabilidade de verdade trabalhe com programadores e não com amantes de frameworks que não sabem programar.
2
Concordo que atualmente as pessoas estão querendo só trabalhar com frameworks, sendo que em grande partes do caso da pra usar só javascript (ou typescript), css(com preprocessor caso quiser), html com qualquer bundler (vite,webpack,parcel,grunt,...).
Mas falar que todas são horríveis é vacilo, todas tem propósito e até são semelhantes, mas por exemplo o React só deu seu BOOM! com os hooks, antes quando era tudo classes sem babel e jsx usar React nessa época era semelhante a usar a própria API nativa Web Components
Um componente feito com JavaScript puro.
class Counter extends HTMLElement {
n = 0;
constructor() {
super();
let display = document.createElement("h1");
let i = document.createElement("button");
let d = document.createElement("button");
display.innerHTML = this.n;
i.innerHTML = "+";
d.innerHTML = "-";
i.onclick = () => this.inc();
d.onclick = () => this.dec();
this.appendChild(display);
this.appendChild(i);
this.appendChild(d);
}
update() { this.children[0].innerHTML = this.n; }
inc() { this.n++; this.update(); }
dec() { this.n--; this.update(); }
connectedCallback() {
console.log("Counter was mounted");
}
disconnectedCallback() {
console.log("Bye!");
}
}
customElements.define("my-counter", Counter);
Mesmo componente feito com svelte (eu sei que svelte é compilador não framework, isso é só um exemplo)
<script>
import { onMount } from 'svelte';
var n = 0;
onMount(() => {
console.log("Counter was mounted");
return () => console.log("bye!");
})
</script>
<h1>{n}</h1>
<button on:click={() => n++}>+</button>
<button on:click={() => n--}>-</button>
Viu como uma framework pode facilitar o trabalho! tudo bem eu entendo que vai ter programadores (ou pseudo-programadores kkkkkkk) que vai direto pra um framework e não vai entender que React, Vue,Solid,... por trás disso é tudo objeto, classes (pois são feito com JavaScript) e vira fanboy de framework.
2
Acredito que a escalabilidade vai depender mais das suas decisões de arquitetura e design de código do que da ferramenta que você está utilizando. Você pode implementar uma boa arquitetura e design independentemente da ferramenta que utilizar.
Se preocupar com desacoplamento, responsabilidades bem definidas, padronização e qualidade devem ser mais importantes do que qual lib irá utilizar.
Dúvida muito pertinente a sua! Com certeza vai ajudar muita gente.
2
Um projeto feito com React, querendo ou não, possui mais boilerplate (o que pode parecer estranho, já que o React é mais simplista que o Vue).
E por ser mais simplista, não impõe um padrão de desenvolvimento para coisas comuns, como estilização, renderização condicional de elementos, lifecycles bem definidos, etc.
Com o Vue, o código acaba ficando mais limpo e elegante.
React é como um filho sem limites, tem muita variabilidade e imprevisibilidade, o que acaba comprometendo a escalabilidade do projeto, principalmente se for desenvolvido por principiantes.
1
Eu acredito ser Vue com typescript, por ser mais padronizado.
Alura tem um artigo muito bom sobre o assunto aqui.
De forma geral, react é muito flexível e fácil de deixar a manutenção inviável. Assim como Angular é o mais padronizado dentre eles, porem muito complexo para projetos simples. Vue seria o meio termo entre flexibilidade e padronização.
Mas é possível criar uma boa arquitetura no React e utiliza-lo de forma eficiente, dependerá de você.
1
Escolher apenas um framework não vai garantir isso. Seja React, Angular, Vue, Svelte, ou até mesmo o bom e velho jQuery, qualquer desses framework/libs podem escalar se:
- usar uma boa CDN;
- planejar bem a arquitetura de acordo com as necessidades iniciais, com foco em escalabilidade e manutenibilidade;
- ir readaptando o projeto conforme necessário.
1
Mais que isso, depende do tipo de projeto, dos requisitos, etc. Por exemplo, se for algo muito simples talvez seja melhor nem usar framework, as pessoas esquecem que isso também é uma opção.
1
Verdade, tem isso também! Talvez seja ideal JS puro e testar até onde o projeto vai, e ir adaptando conforme crescimento, havendo real necessidade.
Já vi por aqui alguns usando frameworks e libs em projetos que consultam apenas uma API de outro site, onde dava pra usar apenas HTML5, CSS e vanilla JS.
1
acho mais fácil a organização e padronização com vue, pq ele limita muito as gambiarras q vc pode fazer. Além de ser com simples a manipulação de estado com os ref e v-models
1
Ambos oferecem soluções para gerenciamento de estado e componentização, que são críticos para a escalabilidade. A decisão pode depender mais das especificidades do seu projeto do que das capacidades inerentes a cada framework.
1
Qualquer framework, até pq todos são poderosos e fazem a mesma coisa.
Mas é inegável que VUE 3 dá um banho em facilidade e limpeza de código.
é impressionantemente poderoso e simples. Que sintaxe fáci... que ferramenta fantástica.
1
eu escolheria vue por ser mais direto e ter uma organização simples.
"melhor simples do que complexo"
mas somente quando a necessidade é SPA por exemplo simular multiplas páginas para deixar a impressão da navegação mais na percepção do usuário. pois cada página sera um componente.
-1
Angular <3