Repliquei o mesmo Front em Vue, Angular 11 e React - O que achei da experiência?

Correção: O 'R' do Crud significa READ e não REQUEST.
Obrigado Renato Cassino pela correção.

[EvertonSolon]

Faltou falar do tamanho das aplicações em cada tecnologia. É fato que Angular é muito maior que os demais, mas seria legal o tamanho final só para matar a curiosidade aproveitando esse comparativo.

[raphaelbarros]

Primeiro dev humilde do Brasil, ótimo conteúdo amigo

[giuliabuttros]

Finalmente um vídeo explicando NA PRÁTICA 😅Sinceramente é muito abstrato quando só explicam características, semelhanças, diferenças, pontos negativos, pontos positivos mas não mostram visualmente o que isso tudo significa num mesmo tipo de projeto. Aí eu continuo perdida querendo saber "a cara" de cada um. Esse vídeo era exatamente o que eu precisava pra entender melhor. Obrigada!

[CassinoDev]

O R do CRUD significa na verdade READ

Achei muito bom o vídeo, queria acrescentar algumas coisas que você acabou comentando não conhecer no React para quem for ler por aqui
O React usa o JSX, que é um template engine que transforma as tags "html" em chamadas de componentes. Nas primeiras versões você tinha que declarar o React.createElement(...). O JSX só converte para esse formato. No fim é um monte de chamada de função em cadeia. E inclusive da pra usar no Vue haha

Nele quando você abre as chaves "{}" você está colocando código javascript mesmo. O forEach no loop não funcionou pq o forEach não tem retorno e é justamente essa diferença dele pro map. O map é um forEach que retorna um valor a cada iteração. Eu acho essa parte vantajosa comparado ao Vue pelo fato de não ter que decorar sintaxe, é o próprio javascript em execução mesmo.

Nessa parte você poderia passar a função direto ali:

=> (

))}

Ficaria mais próximo do que você fez no Vue.

Sobre as funções do onChange, você comentou que deve ter jeito mais fácil e de fato tem. Mas é relativamente novo, parte da documentação do React continua dessa maneira.
Se você pesquisar por react hooks vai ver que nem é necessário mais os componentes serem classes, pode ser uma função direto. Em vez de ter o setState você trabalha de maneira mais simples:

const [myState, setMyState] = useState('defaultValue');

Essa função useState retorna um array, onde o primeiro elemento é o valor e o segundo elemento é a função que altera o valor. Quando você chama o setMyState ele vai fazer o rerender do componente inteiro. Fica mais próximo do compositionApi do Vue

E sobre os estilos, tem várias formas diferentes de se trabalhar no React. Eu gosto do styled-components que mantém o estilo no próprio componente mesmo.

Sobre Angular, só vi o angular js na minha vida haha
Mas uso Typescript tanto no React quanto no Vue

[ricardofontes]

Nossa achei seu conteudo incrível, tanto em questao de didática, como em questão tecnica. sua voz é bem tranquila! Sucesso pra ti

[karinakap]

Poxa, que humildade em explicar!
Estou iniciando um projeto pessoal (para conhecimento) e seu vídeo me trouxe clareza e por coincidência ele se assemelha ao meu.
Gostei muito da sua didática, calma e humildade.

[aylagiolo]

Ficou ótima a explicação dos 3 framework... mas particularmente, acho o Vue mais fácil rs. Parabéns pelo vídeo!

[danielf]

Eu já domino o Vue muito.
Estava pensando de aprender Ract.
Deu até desânimo para aprender o React. 😂
Que zuado

[faelpinho]

Muito maneiro seu vídeo! Aprendi umas coisas sobre Vue que eu estava quebrando a cabeça. A empresa que trabalho vai migrar os apps de Angular 8 para o React. Achei muito bagunçado o React, mas o bom é que pelo menos da pra usar com Typescript.

[pedroolmartins]

Excelente video. Trabalho com vue e vou precisar migrar para o angular. Ajudou bastante a entender as diferenças.

[juniora]

Excelente obrigado pela aula e código!!!

[lucsfreitas]

Parabéns pelo vídeo cara. Abordagem bem simples e didática, explicando de maneira prática a diferença entre os 3, saindo do âmbitos da teoria (que é o que mais ocorre). Também compartilho da sua opinião: angular e vue são bem mais amigáveis. Apesar de ter investido pouco tempo nisso, também não engulo o JSX

[vitorbrussolo]

cara voce explica bem, seria bem dahora ve um curso teu

[AugustoCB]

Muito bom, gostei pra caramba do vídeo! 😃

Eu particularmente gosto bastante do Angular. É meio xarope esse "formalismo" todo de separar HTML e TS, mas a tipagem ajuda a evitar dores de cabeça depois hehehe
Inclusive, tem como colocar tudo num único arquivo (dá uma olhada nas flags que pode passar na linha de comando ao criar um componente 😉)

No mais, minha experiência com o React foi bastante traumática, principalmente pq achei meio caótica essa "mistura" de HTML dentro do JS. Mas, como tu falou, acho que deve ser questão de hábito hehehe

Ainda não investi muito tempo no Vue, mas vendo teu projeto pareceu bem interessante. Vou dar mais uma olhada sobre 😃

[edu_amr]

Sobre a questão do forEach ou Map para o React, por padrão com o JS puro o forEach não tem retorno, já o Map contem esse escopo de retorno. Já eu não entendo quase nada de Vue.

[elviscordeiro]

Vue realmente é bem parecido, isso por que o criador do VUE o Evan You trabalhou na google usando Angular JS e resolveu fazer o seu próprio framework baseado no Angular.

[danielf]

O Vue é o melhor. Muito mais prático e rápido de desenvolver sem burocracia.
Mas é uma pena que o povo não usa.

[matheushenriqueburei]

eae lucas o seu codigo de react ficou um pouco mais atigo... da pra simplificar um pouco... mais a questao de onChange é assim mesmo rsrsrs

[tiago.developer]

Angular é o mais organizado de todos, cada coisa em seu lugar HTML, CSS, TS. É um pouco dificil de aprender mais depois que aprende nao consegue usar outro framework.

Excelente video, parabéns. Eu tenho uma empresa especializada em um produto da IBM, mas estarei começando uma fábrica de software em outubro e minha preferência pessoal é pelo Vue JS. Você acha que vale a pena apostar no Vue considerando a qualidade do framework e o mercado?