Se tratando de facilidade em ensinar você tem total propriedade p/ falar Maykão, estou tirando React de letra no Ignite, graças a tudo que aprendi com você e a Jake no Discover, muito obrigado!
Eu estou fazendo agora um curso com Diego, realmente fico impressionado com o jeito dele de trazer tão sutil tanto conteúdo de uma forma tão claro. Nem senti mais falta das aulas do Mayk, hehehe. Abraço grande!!!
Em Optional Chaining 42:26 , o motivo da key 'state' dar undefined é porque a property address está definida. Para apresentar o erro, você precisaria comentar o bloco do address, já que o TypeError especifica que você não pode ler uma propriedade de um undefined (address comentado ficaria undefined, então não tem como ler a propriedade de algo que não existe) (Uncaught TypeError: Cannot read properties of undefined). Esse é o motivo do Diego ter falado que o erro só acontece com objeto aninhado. Seguindo os exemplos, você deve comentar o bloco do address, e usar o Optional Chaining no address, fica assim: const key = 'state'; document.body.innerText = user.address?.[key] ------ Isso vai retornar um undefined ----------------- Para mostrar o texto alternativo: document.body.innerText = user.address?.[key] ?? 'Não informado' ------ Isso vai retornar 'Não informado' ------------------------ Em tempo: É importante notar que o erro em 41:15 é "TypeError: user.address.showFullAddress is not a function". Se você retirar os parênteses ao final do "showFullAddress", ele vai retornar um undefined, pois vai interpretar como uma propriedade indefinida do "address", portanto é crucial ter cuidado ao invocar funções e fazê-lo corretamente. Happy coding!
Não sei o que foi melhor, o vídeo em si ou a sensação de dever cumprido quando o vídeo terminou e percebi que estudei tudo que foi recomendado. Da até um certo alívio p/ continuar meus estudos em React agora 😅 Valeu Diego!
Entrei em um estágio sem saber taanta coisa de JavaScript e tive que usar NextJs e Typescript, resumindo, não sabia quase nada de tudo kkkk Estou me lascando bastante pra aprender, mas quebrando a cabeça todo dia estou evoluindo, trabalhando e estudando ao mesmo tempo
Estava focado em front end com react há um ano, porem recentemente recebi uma proposta para trabalhar com backend usando .NET C# mas nunca programei em C# e nao sei POO. Mas como queria muito entrar no mercado, aceitei hehe.(Na faculdade gostava de C); Vou dedicar bastante, so bate uma ansiedade kkk
28:16 ate que em fim eu achei alguem que explica exatamente pra que esse tal destruction que tudo que tinha visto antes nao fazia sentido parecia ate um negocio idiota e agora tudo fez sentido do por que e eu pensava cara se alguem penso em inventa isso e por que tem que ter uma funcionalidade por mais doida que seja que aula mano esse video ja vale um curso
Pra quem vai iniciar aprendizado com React esse video tem que ser obrigatorio.. Diego é fera demais, se pegar esse video e depois fazer a trilha React JS do Ignite, o aprendizado será de outro nivel.. Um dia gostaria de poder conhecer a rocketseat, os caras são demais
Meu amigo, você é sensacional, to eu aqui preocupado em saber quando e como pular do js pro react, perdido nesse mundo de informações, e com medo de quando fosse pro React, meu conhecimento de JS não tenha sido o suficiente, mas voce consegui tirar esse meu medo. Parabens pelo conteudo sensacional e maravlhoso que você produziu, posso dizer que de fato é um dos melhores conteudos que temos de graça hoje em dia. Eu falo isso porque eu ja paguei alguns cursos pra de 10/12 horas pra aprender oque voce disse pouco menos de uma hora :)
Comecei a estagiar a um mês e fui apresentado ao JavaScript. Com um pouco de dificuldade aprendi e agora usei teu conteúdo para fixar os conceitos de promises e async. Grande abraço, conteúdo show!
642 linha de anotação , conteúdo bom demais, já tinha começado no react e senti sim uma dificuldade ainda mais em entender promise mas agora ficou mais esclarecido , valeu Diego.
Super aula, fiquei com medo de não saber alguma coisa KKKK. Gostaria de fazer um pedido; faz um vídeo explicando o deploy de um app feito no Vite. Grande abraço, valeu! ✌️😁
Cara, estou na metade do vídeo ainda, mas tive que parar para comentar. Que aula SENSACIONAL Diego! Não sei se estudo ou se admiro a aula kkk. Pessoal da Rocket sempre trazendo conteúdos excelentes.
Já gostaria muito de te agradecer por esse vídeo, porque ele me ajudou muito a pegar conceitos que nunca entravam na minha cabeça, tipo, objeto, métodos, etc. Esse vídeo me ajudou bastante a conseguir pegar esses conceitos.
43:00 o diegão se perdendo é gente como a gente kkk brincadeiras a parte, didática incrível, muito fácil de assimilar o conteúdo com um professor top desses
do nada: "tirando essa desgraça" kkkkkkkkkkkkkkk Deigo seus vídeos são fantasticos! Passo horas assistindo seus vídeos, parabéns pelo excelente trabalho!.
Sou iniciante e desejo muito entrar na área. Serei desenvolvedor front and. Confesso que tenho muitas dúvidas, mas é possível chegar lá e eu tô afimzão de dar certo nessa área! Adorei a aula!
Baita aula! Eu adorei a facilidade de exemplificar, apesar de simples, foram muito efetivas. Estou aprendendo React e espero conseguir progredir com essa base de conhecimentos.
Cara que vídeo sensacional, converti diversos projetos pequenos que fiz em python para o JavaScript e os expandi misturando o que você ensinou no vídeo e ficou muito fácil pra aprender. Fora que não conhecia o site de vocês e esse discover é perfeito pra quem não sabia por onde começar em relação ao React e TypeScript, como é o meu caso. Enfim, a junção disso tudo com certeza vai encurtar bastante meu tempo de aprendizado, muito obrigado!
Top D+ a aula diego sempre a frente de todos com muito conhecimento e tão pouca idade. pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe. fiz assim: const key = "name"; //OPTIONAL CHAINING. console.log(`key[name]:.. `, user["name"]); console.log(`key[name]:.. `, user[key]); console.log(`user.address["zip"]:.. `, user.address["zip"]); //COM ERRO console.log(`user.address["zip"]:.. `, user?.address?.["zip"]); //SEM ERRO
Excelente conteúdo. Gostaria de ver um CRUD com Nextjs, Prisma + Upload de arquivo no Cloudinary. E muito obrigado por tornar a nossa jornada de aprendizado mais interessante!
Cara, essa aula foi simplesmente fantástica, já tinha visto vários desses conceitos abordados na aula, porém dessa vez consegui sanar várias dúvidas que eu tinnha em relação aos métodos de arrays e as promises. Muito bom vídeo.
esse menino é um monstro, no bom sentido. Acho que apenas faltou mencionar sobre o import export tornar os scripts modulares, ai pra usar todos eles precisam do import export
42:50 pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
Na verdade era pra usar o Optional Chaining nessa mesma chamada da key. Coloquei e deu certo, já que o tema do minuto ainda era sobre optional chaining. const key = 'zip_number'; document.body.innerText = user.address?.zip?.[key] ?? 'Não definido'
43:03 Acho que só dá problema ao tentar acessar com . alguma variável undefined, mas quando o valor FINAL do lado direito do = já é undefined, aí n dá erro ao tentar atribuir esse valor à uma variável O ? Faz justamente o valor FINAL ser undefined caso o valor à esquerda da interrogação seja undefined
Muito bom, algumas funções de objetos eu não conhecia e foi bom para que eu pudesse aprender mais. Em array não conhecia o Every e Some, são interessantes também. Valeu Diego pela aula, foi muito bom!
Rapaz, sensacional! Obrigado pelo ótimo conteúdo, Diego. Eu não pretendo ir para o React tão já, to "chegando agora" no Javascript, mas eu quis ver esse vídeo para pegar mais coisas sobre o Javascript que irão me fazer caminhar melhor na linguagem. Valeu! Abraço
Boa Diego, sou QA Automation e migrando agora para js. Estou curtindo bastante a linguagem, uma dificuldade e tmb acho que seria interessante, é aprofundar em objetos como foi passado o conteúdo em arrays, tenho certeza que deve existir vários macetes. Valeuh
Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
O cara resumiu em 1h o que o pessoal demora 10h pra explicar, simplesmente, o Diego.
00:28 Compiladores e bundlers
17:52 Nullish Coalescing Operator
21:00 Objetos
24:13 Desestruturação
28:15 Rest Operator
33:10 Short Syntax
34:23 Optional Chaining
43:49 map()
48:40 filter()
50:21 every()
52:00 some()
52:52 find() e findIndex()
54:25 reduce()
59:49 Template Literals
1:02:38 Promises
1:17:35 Importação e exportação
O brabo tem nome 🤩
o famoso heroi
Contratado!
Obrigado amigo, vc é um amigo
valeu miqueinha
Sempre FANTÁSTICO Diegão! A sua facilidade de ensinar é admirável! Eu tenho A BAITA sorte de ter você na minha vida 💛
Se tratando de facilidade em ensinar você tem total propriedade p/ falar Maykão, estou tirando React de letra no Ignite, graças a tudo que aprendi com você e a Jake no Discover, muito obrigado!
@@lucas-morais-1998
Eu estou fazendo agora um curso com Diego, realmente fico impressionado com o jeito dele de trazer tão sutil tanto conteúdo de uma forma tão claro. Nem senti mais falta das aulas do Mayk, hehehe. Abraço grande!!!
Que isso Maykão, você é minha inspiração diária!
Esses cara são foda dms! hshshhs
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
Em Optional Chaining 42:26 , o motivo da key 'state' dar undefined é porque a property address está definida.
Para apresentar o erro, você precisaria comentar o bloco do address, já que o TypeError especifica que você não pode ler uma propriedade de um undefined (address comentado ficaria undefined, então não tem como ler a propriedade de algo que não existe) (Uncaught TypeError: Cannot read properties of undefined).
Esse é o motivo do Diego ter falado que o erro só acontece com objeto aninhado.
Seguindo os exemplos, você deve comentar o bloco do address, e usar o Optional Chaining no address, fica assim:
const key = 'state';
document.body.innerText = user.address?.[key] ------ Isso vai retornar um undefined
-----------------
Para mostrar o texto alternativo:
document.body.innerText = user.address?.[key] ?? 'Não informado' ------ Isso vai retornar 'Não informado'
------------------------
Em tempo:
É importante notar que o erro em 41:15 é "TypeError: user.address.showFullAddress is not a function".
Se você retirar os parênteses ao final do "showFullAddress", ele vai retornar um undefined, pois vai interpretar como uma propriedade indefinida do "address", portanto é crucial ter cuidado ao invocar funções e fazê-lo corretamente.
Happy coding!
Quando a aula é boa... eu só abri pra dar uma olhadinha no início e acabei vendo tudo! hehe parabéns!
hahah eu tbm.. entrei pra ver sobre reduce e vi o video inteiro '-'.
Cara meus parabéns, eu consegui adquirir mais conhecimento com essa aula de 1h; do que tudo que já tinha lido ali pra trás
Não sei o que foi melhor, o vídeo em si ou a sensação de dever cumprido quando o vídeo terminou e percebi que estudei tudo que foi recomendado.
Da até um certo alívio p/ continuar meus estudos em React agora 😅
Valeu Diego!
Comigo ocorreu igual, único assunto que eu nunca havia visto foi o Optional Chaining
@@maycondouglas3179 exatamente como ocorreu comigo jhehe
Comigo aconteceu um reverse kkkk tenho um roadmap pra estudar agora!
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
1:16:19 só faltou o await na expressão que define a const nome, pode ser tanto Promise como o valor da promise, usando a sintaxe async / await.
Que aulao.... Ainda n vi um clip tao completo pra quem quer entrar no react... Merece ser visto mais e 3 vezes
Entrei em um estágio sem saber taanta coisa de JavaScript e tive que usar NextJs e Typescript, resumindo, não sabia quase nada de tudo kkkk Estou me lascando bastante pra aprender, mas quebrando a cabeça todo dia estou evoluindo, trabalhando e estudando ao mesmo tempo
Ta cursando alguma faculdade? Como conseguiu o estagio?
@@Shadower2014 Estou cursando ADS
Passei pelo mesmo processo recentemente
Booaa
Estava focado em front end com react há um ano, porem recentemente recebi uma proposta para trabalhar com backend usando .NET C# mas nunca programei em C# e nao sei POO. Mas como queria muito entrar no mercado, aceitei hehe.(Na faculdade gostava de C);
Vou dedicar bastante, so bate uma ansiedade kkk
28:16 ate que em fim eu achei alguem que explica exatamente pra que esse tal destruction que tudo que tinha visto antes nao fazia sentido parecia ate um negocio idiota e agora tudo fez sentido do por que e eu pensava cara se alguem penso em inventa isso e por que tem que ter uma funcionalidade por mais doida que seja que aula mano esse video ja vale um curso
PQP! QUE VÍDEO SENSACIONAL, APRENDI EM 1 HORA O QUE LEVEI MESES PRA APRENDER
Cara eu pesquisei sobre isso há mais de um mês e não encontrei nenhum conteúdo tão completo quanto este vídeo. Valeu Diego!
Pra quem vai iniciar aprendizado com React esse video tem que ser obrigatorio.. Diego é fera demais, se pegar esse video e depois fazer a trilha React JS do Ignite, o aprendizado será de outro nivel.. Um dia gostaria de poder conhecer a rocketseat, os caras são demais
Meu amigo, você é sensacional, to eu aqui preocupado em saber quando e como pular do js pro react, perdido nesse mundo de informações, e com medo de quando fosse pro React, meu conhecimento de JS não tenha sido o suficiente, mas voce consegui tirar esse meu medo. Parabens pelo conteudo sensacional e maravlhoso que você produziu, posso dizer que de fato é um dos melhores conteudos que temos de graça hoje em dia. Eu falo isso porque eu ja paguei alguns cursos pra de 10/12 horas pra aprender oque voce disse pouco menos de uma hora :)
Comecei a estagiar a um mês e fui apresentado ao JavaScript. Com um pouco de dificuldade aprendi e agora usei teu conteúdo para fixar os conceitos de promises e async.
Grande abraço, conteúdo show!
11:51 tem como desativar a extensão para sites específicos, có clicar no botão com ícone de check na parte esquerda
Obrigada por fazer as coisas um pouco mais devagar Diego! Sou iniciante, e mesmo assim consegui acompanhar legal! :)
Estava justamente procurando saber sobre isso. Pq partir para o ReactJs mas sinto que tenho que me aprofundar no Java script
"Podemos ver que todos os browsers mais recentes... tirando essa desgraca aqui"
Não tankei essa parte kkkkkkkkkkkkkkkkkkk🤣🤣🤣🤣🤣
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
642 linha de anotação , conteúdo bom demais, já tinha começado no react e senti sim uma dificuldade ainda mais em entender promise mas agora ficou mais esclarecido , valeu Diego.
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
q cara didático, pqp...ta no ramo certo mesmo
Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.
Super aula, fiquei com medo de não saber alguma coisa KKKK.
Gostaria de fazer um pedido; faz um vídeo explicando o deploy de um app feito no Vite.
Grande abraço, valeu! ✌️😁
cara que video magnifico pra quem é apaixonado por node : ))))))))))))))
Cara, estou na metade do vídeo ainda, mas tive que parar para comentar. Que aula SENSACIONAL Diego! Não sei se estudo ou se admiro a aula kkk. Pessoal da Rocket sempre trazendo conteúdos excelentes.
Já gostaria muito de te agradecer por esse vídeo, porque ele me ajudou muito a pegar conceitos que nunca entravam na minha cabeça, tipo, objeto, métodos, etc. Esse vídeo me ajudou bastante a conseguir pegar esses conceitos.
43:00 eu entendi perfeitamente o tipo de erro que o Diego estava esperando encontrar!! Já sofri muito com isso!! Valeu Diegooo!!!
43:00 o diegão se perdendo é gente como a gente kkk brincadeiras a parte, didática incrível, muito fácil de assimilar o conteúdo com um professor top desses
do nada: "tirando essa desgraça" kkkkkkkkkkkkkkk Deigo seus vídeos são fantasticos! Passo horas assistindo seus vídeos, parabéns pelo excelente trabalho!.
Hahahah que massa que curtiu
Sou iniciante e desejo muito entrar na área.
Serei desenvolvedor front and.
Confesso que tenho muitas dúvidas, mas é possível chegar lá e eu tô afimzão de dar certo nessa área!
Adorei a aula!
Impressionado com a qualidade do conteúdo!
Excelente vídeo. Mttt obrigado pelo conteúdo!
Baita aula! Eu adorei a facilidade de exemplificar, apesar de simples, foram muito efetivas. Estou aprendendo React e espero conseguir progredir com essa base de conhecimentos.
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
Cara que vídeo sensacional, converti diversos projetos pequenos que fiz em python para o JavaScript e os expandi misturando o que você ensinou no vídeo e ficou muito fácil pra aprender. Fora que não conhecia o site de vocês e esse discover é perfeito pra quem não sabia por onde começar em relação ao React e TypeScript, como é o meu caso. Enfim, a junção disso tudo com certeza vai encurtar bastante meu tempo de aprendizado, muito obrigado!
isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!
O Diego coda em 200 wpm, meu deus muito rápido cara, um vídeo sobre velocidade na digitação eu veria tranquilamente. Conteúdo maravilhoso
Conteúdo base muito importante.
Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
Que aula completassa! Excelente conteúdo!
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
Que vídeo bom! Fantástico!!!
Sensacional, Diego!
Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim.
Muito obrigado e sucesso!
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
Top D+ a aula diego sempre a frente de todos com muito conhecimento e tão pouca idade.
pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
fiz assim:
const key = "name";
//OPTIONAL CHAINING.
console.log(`key[name]:.. `, user["name"]);
console.log(`key[name]:.. `, user[key]);
console.log(`user.address["zip"]:.. `, user.address["zip"]); //COM ERRO
console.log(`user.address["zip"]:.. `, user?.address?.["zip"]); //SEM ERRO
Cara como eu queria essas anotações dele, muito bom o vídeo
Excelente conteúdo. Gostaria de ver um CRUD com Nextjs, Prisma + Upload de arquivo no Cloudinary. E muito obrigado por tornar a nossa jornada de aprendizado mais interessante!
Cara, essa aula foi simplesmente fantástica, já tinha visto vários desses conceitos abordados na aula, porém dessa vez consegui sanar várias dúvidas que eu tinnha em relação aos métodos de arrays e as promises. Muito bom vídeo.
Super aula!
Como dev Magento2 tenho que fazer uma ressalva, o require.js ainda é bem utilizado por nós kkk
Fenomenal Diego, parabéns!
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
Mais uma vez muito top, o conteúdo está imperdível!!
Parabéns!
esse menino é um monstro, no bom sentido. Acho que apenas faltou mencionar sobre o import export tornar os scripts modulares, ai pra usar todos eles precisam do import export
Não tenho palavra apenas🫶🏾 tive q aprende isso no estágio chorando aí ele chega e explica em uma hora
42:50 pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
Na verdade era pra usar o Optional Chaining nessa mesma chamada da key. Coloquei e deu certo, já que o tema do minuto ainda era sobre optional chaining.
const key = 'zip_number';
document.body.innerText = user.address?.zip?.[key] ?? 'Não definido'
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
diego chega a dar uma bugadas skdjskdj (nao julgo, 1h direto é de fritar qqr um) apesar dos apesares, é uma ótima aula, ajudou me muito
que video fantástico !!!
Boa Diego, cada dia aprendendo mais com vc!
Conteúdo muito top Diego!!
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
Muito bom, ja estou confiante para começar no react
Showww, mega revisão braba!
43:03 Acho que só dá problema ao tentar acessar com . alguma variável undefined, mas quando o valor FINAL do lado direito do = já é undefined, aí n dá erro ao tentar atribuir esse valor à uma variável
O ? Faz justamente o valor FINAL ser undefined caso o valor à esquerda da interrogação seja undefined
Foi um vídeo bem interessante pra alguém como eu que quer iniciar na biblioteca React e também relembrar o que aprender em JS
Vídeo muito necessário, parabéns Rocketseat!
Diego como sempre monstro demais!
Tô curtindo demais, o passo do professor é excelente pra quem tem dificuldade de prestar atenção. Obrigado.
Só conteúdo foda 🥰
Video show de mais!
sensacional Diego, valeu
Optional Chaining é bom demais !!! obrigado 💫💫💫
Espetacular, Diego!
a didática desse cara é absurda, parece que ta me ensinando algo que ja sei kkkkkk
Manja muito. Safo! Didática fina.
Que aula ABSURDAMENTE BOA!
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
Boa noite achei muito legal, estou aprendendo JavaScript, achei muito bacana os conceitos! Top sua didática!
Muito bom, algumas funções de objetos eu não conhecia e foi bom para que eu pudesse aprender mais. Em array não conhecia o Every e Some, são interessantes também. Valeu Diego pela aula, foi muito bom!
Muito bom!!! - Muito obrigado!!!
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.
Rapaz, sensacional!
Obrigado pelo ótimo conteúdo, Diego.
Eu não pretendo ir para o React tão já, to "chegando agora" no Javascript, mas eu quis ver esse vídeo para pegar mais coisas sobre o Javascript que irão me fazer caminhar melhor na linguagem.
Valeu! Abraço
s and a couple EDM and Dubstep goals for myself, and I guess I better start learning sowhere. Thanks for the great vid!
Esse "Tirando essa desgraça" foi muito sincero kkkkk 9:22
mais uma vez sensacional, aula top
ganhou um inscrito ,excelente a qualidade do vídeo!!!
Muito obrigado 😁
Excelente aula, parabéns e obrigado.
Boa Diego, sou QA Automation e migrando agora para js. Estou curtindo bastante a linguagem, uma dificuldade e tmb acho que seria interessante, é aprofundar em objetos como foi passado o conteúdo em arrays, tenho certeza que deve existir vários macetes. Valeuh
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
42:30 basicamente aqui não foi gerado erro pq você está adicionado um atributo state no objeto adress sem atribui-lo nenhum valor, por isso indefinido
Assisti ao vídeo e visitei a Rocketseat, mano o Discover já parece ser o bicho de tanta coisa oO
Estou muito impressionado!
Que aulão!! Muito massa, muito obrigado!
Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!