🗑️ ✍🏽 👩🏽‍🤝‍👨🏻 Quando uma estrutura JavaScript não é necessária 👩🏼‍💼 👩🏿‍🌾 ⏭️

Fotos - Maria Teneva , playground Unsplash

Às vezes reage, angular, Vue.js etc. - .. É demais

É verdade que a escolha de estruturas em JavaScript é muito complicada? Ou talvez tenhamos esquecido as considerações de desempenho e que os usuários paguem pelo tráfego extra?

Voltar à era do jQuery

Lembre-se, houve um tempo em que o jQuery era usado para tudo! JQuery, então, jQuery sho é o leve sabor jQuery em todos os lugares. Em qualquer site e em todos os aplicativos da web - jQuery.

Qual é o motivo da popularidade desta biblioteca? JavaScript

simples parecia muito complicado de usar. Além disso, havia muitas diferenças entre os navegadores.

Mas a salvação veio - a biblioteca jQuery salvou a comunidade JavaScript dessa dor de cabeça. É verdade que a maioria de nós ficou preguiçosa como resultado, porque não entendemos mais o que está acontecendo "sob o capô".

Vi quando este site apareceu .

Uma era de escolhas excessivamente amplas no mundo JavaScript

2020 começa e nossos sites e aplicativos da web definitivamente têm "excesso de peso". Temos Angular, React, Vue.js, Svelte , Polymer (e isso não é tudo) à nossa disposição - mas a necessidade de fazer constantemente uma escolha no zoológico de estrutura em rápido crescimento é cansativa.

Você pode pensar: "Fale melhor por si mesmo". Mas é exatamente isso que estou fazendo agora: avalio criticamente minha própria “fadiga” pela abundância no mundo JavaScript.

Para ser sincero: nunca foi tão fácil criar um site ou aplicativo da web. Um comando é suficiente hoje: ng new
em Angular, …no caso de React, etc.

Na maioria dos casos, escolhemos o que funciona melhor. No entanto, ao mesmo tempo, você precisa reduzir a quantidade de código JavaScript e prestar mais atenção ao que é carregado no aplicativo.

Porque - e se uma combinação de HTML, CSS e JavaScript for suficiente?

E por falar em estruturas JavaScript, também quero dizer bibliotecas JavaScript: Angular , React , Vue.js e Svelte - tudo isso junto (e muito mais).

Prós e contras do uso de estruturas JavaScript

Existem prós e contras no uso de uma estrutura JavaScript. E o ponto aqui não é sobre estruturas boas e ruins, mas sobre qual delas se mostra melhor em quais situações.

No meu trabalho principal, uso Angular, mas gosto de experimentar o React e o Vue.js, e às vezes tento uma pequena biblioteca de JavaScript que faz uma coisa, mas é muito boa.

Quando usar uma estrutura JavaScript não é necessário

Existem várias situações em que, em vez de uma estrutura JavaScript, eu recomendo o uso de uma micro biblioteca ou JavaScript simples.

Sua aplicação é simples ou pequena. Por exemplo, você tem um projeto pequeno, como algum tipo de experiência com a nova API JavaScript.
Requisitos de alto desempenho - se o aplicativo precisar ser de alto desempenho, mesmo com uma conexão de Internet ruim.

Se cada byte transferido pela rede for contado, o uso de uma estrutura grande não é a solução mais razoável: você precisará pagar muito código pela conveniência da estrutura JavaScript.

Existem muitas ferramentas que ajudam nessas situações. Mas é melhor prevenir um problema do que resolvê-lo.

Quando uma estrutura JavaScript é uma escolha inteligente

Freqüentemente, o uso de uma estrutura JavaScript é justificado - mas mesmo nesses casos, você não deve perder a vigilância.

1. Você tem uma ótima aplicação

Se você estiver desenvolvendo um aplicativo grande, usar uma estrutura JavaScript pode ser uma escolha inteligente, pois na maioria dos casos, você terá um bom suporte da comunidade.

Normalmente, você terá muitos materiais de referência que ajudarão a fornecer suporte a longo prazo para o aplicativo.

2. Você (ou empresa) valoriza o código aberto

A melhor coisa sobre o código aberto é que ele pode ser usado livremente (sob uma licença, é claro).

Muitos elementos de tais estruturas são desenvolvidos em seu tempo livre a partir do trabalho principal - portanto, nada precisa ser pago por seu uso.

E se você quiser contribuir com a estrutura JavaScript aberta, ela beneficiará outras pessoas.

3. Desenvolvimento rápido de novos recursos

A maioria das estruturas possui muitas ferramentas que permitem implementar rapidamente novas funções: o desenvolvedor pode contar com a experiência de especialistas que conhecem seu trabalho, que o testaram bem.

Conclusão

Neste artigo, há mais vantagens em usar estruturas JavaScript do que desvantagens. (Se você tiver algo a acrescentar, compartilhe nos comentários!)

Mas, mesmo que o uso da estrutura pareça atraente, você precisa monitorar cuidadosamente o que enviamos para nossos sites e aplicativos em desenvolvimento.

Sempre se pergunte: “Essa estrutura é necessária aqui?” Talvez seja melhor fazer você mesmo ou usar algo pronto?

“Como a aplicação da estrutura afetará os usuários? O aplicativo em um telefone de baixo desempenho será tão conveniente quanto no dispositivo principal? ”

Quando uma estrutura JavaScript não é necessária