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.
é verdade Everton, vou mencionar aqui e fixar seu comentário. No fim das contas ficou (sem o node-modules): Angular - 761kb React - 726kb VueJs - 488kb Já era esperado que o Angular fosse mais pesado, porque ele cria um arquivo separado para cada funcionalidade, e também usa TS por padrão, mas realmente é uma comparação legal de se fazer.
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!
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.
@@LucasDev oi Fera. Obrigado pela resposta. E pelo vídeo. Ajudou muito. Eu pensei em fazer isso antes para aprender React . Mas agora nem preciso mais. Kkkk 😂 pois é verdade quem usa não quer saber de outra coisa. Né? Eu comecei no angular 2. Mas era 🦴 osso . Chato demais. 😂 Muito engessados . O angular.js ainda era bom. Mas o 2 aí zuou tudo. Eu fiz coisas muito complexas com vue e não tenho ideia como eu ia fazer no angular ou no React iria dar uma trabalheira lascada. Eu estava pensando em estudar React por conta do mercado. Mas deu agora desânimo de ver 😂 Como é o mercado para Vue? Tem vagas ? Tá aquecido? Ou tão pedindo angular e React ?
@@LucasDev Amigo por favor pode me ajudar ? Estou num enrosco. Eu fiz coisas muito complexas com vue 2 . Quando fui tentar migrar para versão Vue 3. não consigo. Da pau. Por que eu usei muita coisa utilizando Herança. E polimorfismo. Não tem jeito de usar herança no Vue 3 ?
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: {DepartmentList.map((departmentItem) => ( ...... ))} 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
@@CassinoDev amigo. Me ajuda a entender ? No React com este negócio de mão não dá para usar um template HTML puro com as interpelação do bind. Das caixas e {{}} valores impressos? Por que isso ajuda muito no vue. Eu tenho templates em HTML consigo editar eles em editores comuns de design. E colocar a interpolação depois estes templates são carregados pelo Vue é funcionam show. Não preciso de muito código misturado no template que pode dar pau no editor.
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.
Obrigado pelo feedback Vitor! Tem uma playlist aqui no canal de um curso de vue que estou tentando fazer no tempo livre. Direto ao assunto então sem muita teoria
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.
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.
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.
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 kkkkk.
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?
Se for da sua própria empresa, vale muito a pena. É um framework que na minha opinião é muito fácil de encontrar os usos e dar manutenção. Infelizmente o mercado pra ele não é tão grande, então como é pra sua própria empresa, eu iria de vue sim.
VUE sem dúvida é o mais fácil de todos. Muito bom para dar manutenção. E quem manjar de angular e React se adapta mais fácil para Vue. Pois o Vue simplifica tudo.
@@EduardoSecondo corrigindo o amigo, sim! fica exposto as variaveis e os métodos. Tudo que é client side está exposto. Somente o que roda do lado do servidor não fica exposto
@@EduardoSecondo Se você trabalhar com orientação a objetos vai ver que tudo se torna mais fácil. Comece com Vue. Entre na documentação. Copie os códigos lá do site e insira no seu programa você vai ver que funciona. por exemplo, você altera uma flag e exibe um painel. Esconde outro. É muito simples.
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 😃
Eu tenho alguns anos de experiencia em Vue, mas vou ter que migrar pro angular, por isso acabei querendo fazer esse 'teste'. Mas react como vc disse, foi o que mais me desagradou
o vídeo que eu vi para replicar o backend e fazer a parte de angular foi esse: ua-cam.com/video/Dpv6lUKNL9o/v-deo.html não é um conteúdo enorme mas pode ser um passo inicial
Eu achei estranho a forma que o Vue funciona, cassete, que mané v-for, da onde eles tiraram isso, o próprio Javascript tem o forEach e o map pra fazer loops, não tem pra que mudar a sintaxe da linguagem, isso que eu não gostei no Vue, e por isso que gostei do React, nada que vc ja sabe de Javascript será em vão porque vc usa eles no React, vc não precisa aprender coisas novas
Estou iniciando os meus estudos em frameworks, iniciei conhecendo Node com express e agora vou para React e fora que observando o mercado todas vagas que verifiquei pedem React.
@@adsc24 Eu estava um pouco errado quanto a isso, o problema não é usar v-for ou coisa do tipo, o problema mesmo é colocar Javascript dentro de aspas sem usar as chaves. Agora eu to investindo mais no Svelte, e é muito melhor usar a linguage de template dele do que ficar colocando map e ternário no meio do template HTML
@@DanielRios549 ainda bem que reviu seu comentário. Pq mais zona do que enfiar html no meio do JS, acho que não tem 😂 Dos três, Vue e Angular são os que mais de aproximam do HTML+CSS+JS puro, não é o React. Inclusive, JSX e TSX são quase uma linguagem nova que o build do React tem que tratar e "compilar".
@@HugoSantAna7 Cara, vou te falar, eu fiz esse comentário antes de conhecer a melhor opção de todas para o front-end: o Svelte. Nunca pensei que diria isso, mas usar a linguagem de template do Svelte é muito melhor do que no React e no Vue, mesmo não sendo algo nativo nem do HTML nem do JS, é muito melhor do que ficar usando JS dentro de string como no Vue, ou ficar usando JSX tudo bagunçado com Array.map. No Svelte a linguagem de template se aproxima muito do que se tem num PHP, num Jinja2 ou Handlebars da vida, é muito mais legível, vc tem uma separação melhor do que é template e o que é HTML de fato, no Vue vc pode facilmente se perder porque não tem um bloco separado, fica dentro de strings nas diretivas, e no React então nem se fala, é uma zona como vc mesmo disse...
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.
é verdade Everton, vou mencionar aqui e fixar seu comentário.
No fim das contas ficou (sem o node-modules):
Angular - 761kb
React - 726kb
VueJs - 488kb
Já era esperado que o Angular fosse mais pesado, porque ele cria um arquivo separado para cada funcionalidade, e também usa TS por padrão, mas realmente é uma comparação legal de se fazer.
@@LucasDev E o Vue é mais rápido também né?
Primeiro dev humilde do Brasil , ótimo conteúdo amigo
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!
foi exatamente o que pensei quando li o título do vídeo
Eu já domino o Vue muito.
Estava pensando de aprender Ract.
Deu até desânimo para aprender o React. 😂
Que zuado
Nossa achei seu conteudo incrível, tanto em questao de didática, como em questão tecnica. sua voz é bem tranquila! Sucesso pra ti
Obrigado pelo vídeo!
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.
O Vue é o melhor. Muito mais prático e rápido de desenvolver sem burocracia.
Mas é uma pena que o povo não usa.
ainda é o meu queridinho também
@@LucasDev oi Fera. Obrigado pela resposta. E pelo vídeo. Ajudou muito. Eu pensei em fazer isso antes para aprender React .
Mas agora nem preciso mais. Kkkk 😂
pois é verdade quem usa não quer saber de outra coisa. Né?
Eu comecei no angular 2. Mas era 🦴 osso . Chato demais. 😂
Muito engessados . O angular.js ainda era bom. Mas o 2 aí zuou tudo.
Eu fiz coisas muito complexas com vue e não tenho ideia como eu ia fazer no angular ou no React iria dar uma trabalheira lascada.
Eu estava pensando em estudar React por conta do mercado. Mas deu agora desânimo de ver 😂
Como é o mercado para Vue? Tem vagas ? Tá aquecido? Ou tão pedindo angular e React ?
@@LucasDev Amigo por favor pode me ajudar ? Estou num enrosco.
Eu fiz coisas muito complexas com vue 2 . Quando fui tentar migrar para versão Vue 3. não consigo. Da pau.
Por que eu usei muita coisa utilizando Herança. E polimorfismo.
Não tem jeito de usar herança no Vue 3 ?
Excelente video. Trabalho com vue e vou precisar migrar para o angular. Ajudou bastante a entender as diferenças.
A empresa quer Angular ??
@@danielf4270 no caso estava indo para manutenção em um sistema já desenvolvido em angular mas nem tô lá mais
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:
{DepartmentList.map((departmentItem) => (
......
))}
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
É verdade. Vou atualizar na descrição
Que comentário fantástico. Até fixei no topo pq tirou muitas dúvidas inclusive minhas.
@@LucasDev Poo, que honra o/
Comentei sem pretenções haha Achei que poderia acrescentar
Eu ia comentar a mesma coisa quando li seu comentário haha. Com esse vídeo deu pra ver bem a diferença entre paradigmas das frameworks.
@@CassinoDev amigo. Me ajuda a entender ? No React com este negócio de mão não dá para usar um template HTML puro com as interpelação do bind. Das caixas e {{}} valores impressos?
Por que isso ajuda muito no vue.
Eu tenho templates em HTML consigo editar eles em editores comuns de design. E colocar a interpolação depois estes templates são carregados pelo Vue é funcionam show. Não preciso de muito código misturado no template que pode dar pau no editor.
Ficou ótima a explicação dos 3 framework... mas particularmente, acho o Vue mais fácil rs. Parabéns pelo vídeo!
O Vue é sem comparação muito top demais.
Ficou top, parabéns pelos projetos.
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.
Posso confirmar 3 anos depois deste vídeo que Angular virou meu xodózinho.
cara voce explica bem, seria bem dahora ve um curso teu
Obrigado pelo feedback Vitor! Tem uma playlist aqui no canal de um curso de vue que estou tentando fazer no tempo livre. Direto ao assunto então sem muita teoria
@@LucasDev porra um cursinho teu de vue do basicao ia ser ótimo
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.
Isso mesmo, mas o angularJS era bem diferente e limitado na época. Ambos angular 2+ e vue foram crescendo juntos
Excelente obrigado pela aula e código!!!
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.
Por que vão migrar? Alguma limitação?
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.
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 kkkkk.
Valeu pelo vídeo!
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?
Se for da sua própria empresa, vale muito a pena. É um framework que na minha opinião é muito fácil de encontrar os usos e dar manutenção. Infelizmente o mercado pra ele não é tão grande, então como é pra sua própria empresa, eu iria de vue sim.
VUE sem dúvida é o mais fácil de todos. Muito bom para dar manutenção.
E quem manjar de angular e React se adapta mais fácil para Vue. Pois o Vue simplifica tudo.
os 3 são complicados, não consigo entender pq ir para um dos frameworks se html, css e js puro é muito mais fácil.
dependendo do tamanho da aplicação, o puro fica dificil de manter, sem contar que fica exposto todas as suas variáveis e métodos
@@LucasDev
esses frameworks tbm, não?
@@EduardoSecondo não
@@EduardoSecondo corrigindo o amigo, sim! fica exposto as variaveis e os métodos. Tudo que é client side está exposto. Somente o que roda do lado do servidor não fica exposto
@@EduardoSecondo Se você trabalhar com orientação a objetos vai ver que tudo se torna mais fácil. Comece com Vue. Entre na documentação.
Copie os códigos lá do site e insira no seu programa você vai ver que funciona.
por exemplo, você altera uma flag e exibe um painel. Esconde outro. É muito simples.
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 😃
Eu tenho alguns anos de experiencia em Vue, mas vou ter que migrar pro angular, por isso acabei querendo fazer esse 'teste'. Mas react como vc disse, foi o que mais me desagradou
Cara eu desanimei agora de ver este vídeo eu pensava em aprender React. E fiquei desanimado. Kkkkkk
O Vue é sem comparação. Tudo fácil e intuitivo.
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
Não tem como fazer bind igual o Vue?
Video muito bom! Estive agora num estágio onde tive que usar .net core e Angular, estou estudando mais, alguem recomenda conteudo sobre os 2?
o vídeo que eu vi para replicar o backend e fazer a parte de angular foi esse:
ua-cam.com/video/Dpv6lUKNL9o/v-deo.html
não é um conteúdo enorme mas pode ser um passo inicial
Eu achei estranho a forma que o Vue funciona, cassete, que mané v-for, da onde eles tiraram isso, o próprio Javascript tem o forEach e o map pra fazer loops, não tem pra que mudar a sintaxe da linguagem, isso que eu não gostei no Vue, e por isso que gostei do React, nada que vc ja sabe de Javascript será em vão porque vc usa eles no React, vc não precisa aprender coisas novas
Estou iniciando os meus estudos em frameworks, iniciei conhecendo Node com express e agora vou para React e fora que observando o mercado todas vagas que verifiquei pedem React.
@@adsc24 Eu estava um pouco errado quanto a isso, o problema não é usar v-for ou coisa do tipo, o problema mesmo é colocar Javascript dentro de aspas sem usar as chaves. Agora eu to investindo mais no Svelte, e é muito melhor usar a linguage de template dele do que ficar colocando map e ternário no meio do template HTML
@@DanielRios549 ainda bem que reviu seu comentário. Pq mais zona do que enfiar html no meio do JS, acho que não tem 😂
Dos três, Vue e Angular são os que mais de aproximam do HTML+CSS+JS puro, não é o React. Inclusive, JSX e TSX são quase uma linguagem nova que o build do React tem que tratar e "compilar".
@@HugoSantAna7 Cara, vou te falar, eu fiz esse comentário antes de conhecer a melhor opção de todas para o front-end: o Svelte. Nunca pensei que diria isso, mas usar a linguagem de template do Svelte é muito melhor do que no React e no Vue, mesmo não sendo algo nativo nem do HTML nem do JS, é muito melhor do que ficar usando JS dentro de string como no Vue, ou ficar usando JSX tudo bagunçado com Array.map.
No Svelte a linguagem de template se aproxima muito do que se tem num PHP, num Jinja2 ou Handlebars da vida, é muito mais legível, vc tem uma separação melhor do que é template e o que é HTML de fato, no Vue vc pode facilmente se perder porque não tem um bloco separado, fica dentro de strings nas diretivas, e no React então nem se fala, é uma zona como vc mesmo disse...
@@HugoSantAna7 Hugo, estudei React e não curti. Indica aí um dos dois Angular ou Vue? Vejo vagas a maioria pede pra saber um dos 3