Executando verificação de segurança...
2

Porque o VueJs e não o ReactJs?

Recentemente após desenvolver um editor de canvas, recebi perguntas sobre o porque eu utilizei o VueJs e não o ReactJs (como é de costume). Caso queira saber sobre o projeto, é esse aqui: https://canvas-editor.com.br

Por que Fazer?

A diferença entre essas duas tecnologias pode parecer sutil para alguns, mas pode fazer toda a diferença.

Nesse projeto, eu estava utilizando o Canva, e ficando irritado sobre como ele utiliza o meu processamento para renderizar exportações e ainda quer me cobrar tornando algumas exportações como Pro. Isso é de doer o fígado.

Então eu decidi abrir um repositório em um editor de canvas, que utilizasse quase que totalmente o frontend, e que fosse totalmente aberto e gratuito.

A ideia era colocar outras funções de renderização avançada, removedor de fundo e redimensionadores de imagem (que algumas plataforma chamam de IA 😂, mas é apenas o algoritmo de Lanczos trabalhando) rodando em frontend sem travar a interface do cliente.

Vue vs React

Ao avaliar as bibliotecas disponíveis para lidar com DOM <canvas> fiquei entre o react e o vue. E eu precisava economizar cada gota de processamento frontend para que ele fosse capaz de rodar funções mais importantes em conjunto (possivelmente um renderizador em WebAssembly).

O React me dá mais controle sobre cada elemento... ao custo de mais processamento na renderização e maior uso de memória ram. Enquanto o VueJS é mais compacto, ele não te dá um controle absoluto sobre cada elemento do DOM, mas ele possui uma renderização mais compacta, e economiza recursos.

Como eu não precisava manter controle absoluto sobre o objeto... optei pelo vuejs.

O ReactJS possui uma compatibilidade muito maior com bibliotecas do que o VueJS, e esse foi o principal ponto que quase me fez desistir do Vue, mas por fim tudo (ou quase tudo) foi possível contornar.

As tecnologias usadas foram o Vue 3, utilizando o FabricJS (que tem uma péssima compatibilidade com vue, mas foi contornada).

Carregando publicação patrocinada...
1

Caso bem interessante meu amigo, obrigado por compartilhar! Minh pergunta é de onde vieram as conclusões da comparação entre React e Vue? Tu fez algum benchmark próprio?

1

bom dia, sr.

o sr já ouviu falar do svelte?

gosto do nestjs para backend e o uso por outros motivos.
eu utilizo sveltekit (fullstack), devido a alguns motivos, após testar, ler a documentação oficial, e já ter alguns projetos prontos e outros em execução, sendo eles:
mais fácil de eu ensinar;
mais fácil de dar manutenção;
quando precisa dar manutenção, o tempo para entender o projeto e iniciar a dar manutenção nesse projeto desconhecido é menor;
a curva de aprendizagem é mais confortável para quem ensino;
o tempo de aprendizado necessário para que o aprendiz comece a codar sozinho é menor (já tem conhecimento prévio em lógica, lógica computacional, lógica matemática, estrutura de dados, obviamente);
posso ensinar o que sei sobre modelo TCP/IP, dns, redes, fundamentos de arquitetura de computadores, desenvolvimento de software de ponta a ponta no que sei, camada de aplicação vs de apresentação, etc, com um aprofundamento mais confortável e objetivo;
a capacitação é mais rápida, portanto, o que permite que, em 1 ano, uma ONG em que eu trabalho já tenha 01 programador competente, treinado, e pronto para agir, para chamar de seu voluntário 💙;
os lados técnicos são: gerenciamento de estado global de aplicação via svelte stores, blocos reativos ($: newPeice = price * 110/100; se price mudar, o newPrice aumenta em 10%, sem ter de eu escrever qualquer função para isso, o compilador conceitual faz isso), sintaxe intuitiva, semântica intuitiva, estrutura de pastas intutiva, design patterns intuitivos, altíssima senão total compatibilidade com qualquer biblioteca javascript, altamente extensível (aberto a extensões), já tem plugins backend e adapters backend prontos ou você mesmo pode criar o seu, hooks.server.ts ajuda demais, vc pode usar só o sveltekit e as rotas nativas dele, ou não, vai depender do projeto e dos requisitos funcionais e não funcionais.

1

que algumas plataforma chamam de IA 😂, mas é apenas o algoritmo de Lanczos trabalhando Que maldade! Uma IA está fazendo meu café lá na cozinha! kkkkk Ou é minha esposa? Vejo muito isso, um simples script ou ação que já existe a tempos anteriores a IA e colocam o termo "IA" e o pior é que convence os leigos...

1

Muitos serviços que já existiam realmente fizeram isso.
Só mudaram o termo e agora usam IA, não é mais "um algorítmo" ou "sistema inteligente" ou outro termo que já se falava antes 😅