TUDO que você deve estudar de JavaScript antes do React
Vložit
- čas přidán 18. 06. 2024
- Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
Uma dúvida comum de devs ao iniciar estudos em front-end é sobre o momento e ordem correta de estudo do JavaScript antes de iniciar com React.
Nesse vídeo, montei um compilado prático sobre todas funcionalidades que acredito serem importantes entender do JavaScript para começar com o pé direito no React.
-----
00:00:00 Apresentação
00:00:28 Compiladores e bundlers
00:17:52 Nullish Coalescing Operator
00:21:00 Objetos
00:24:13 Desestruturação
00:28:15 Rest Operator
00:33:10 Short Syntax
00:34:23 Optional Chaining
00:43:49 map()
00:48:40 filter()
00:50:21 every()
00:52:00 some()
00:52:52 find() e findIndex()
00:54:25 reduce()
00:59:49 Template Literals
01:02:38 Promises
01:17:35 ES Modules
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial
Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
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-mds-198
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
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!
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
Impressionante! Muito obrigado por disponibilizar esse conteúdo!
Que aulão!! Muito massa, muito obrigado!
Parabéns Diego pelo conteúdo e pela contribuição! Você e sua iniciativa realmente ajuda MUITA gente! Obrigado por mais um conteúdo de altíssima qualidade!
Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!
Esse vídeo é sensacional, parabéns Diego!!!
Que vídeo incrível brother! Parabéns!
Boa Diego, cada dia aprendendo mais com vc!
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!
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
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 '-'.
Vídeo muito necessário, parabéns Rocketseat!
Showww, mega revisão braba!
Diego como sempre monstro demais!
Caramba, que sensacional! Era o que eu precisava pra começar a aprender o React. Gratidão Diegão!
Mais uma vez muito top, o conteúdo está imperdível!!
Parabéns!
Perfeito Diego! Didática excelente! 👏👏👏
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!
Excelente vídeo. Mttt obrigado pelo conteúdo!
Que aula completassa! Excelente conteúdo!
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
Que conteúdo fantástico!! Muito obrigada!🙂
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
Rapaz, que vídeo top....muito obrigado por isso Rocketseat!
Sensacional, Diego!
Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim.
Muito obrigado e sucesso!
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!
Que vídeo meus amigos, que vídeo 👏🏻👏🏻 estava precisando desse conteúdo, aprendi o React antes do Javascript tem muita coisa que agora que faz sentido.. muito obrigado Diego e RocketSeat, vcs são demais 👏🏻👏🏻
Conteúdo muito top Diego!!
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
Conteúdo base muito importante.
Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!
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.
excelente vídeo! deu pra sintetizar tudo de uma forma espetacular.
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
Show de bola, ótimo conteúdo, parabéns!
mais uma vez sensacional, aula top
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
Que aula!! Me ajudou muito, muito obrigado Diego
Fenomenal Diego, parabéns!
conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.
Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
Espetacular, Diego!
esse video ficou animal, parabens pelo conteudo!
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.
Ótimo conteúdo manos, obrigado!!!
Só conteúdo foda 🥰
Parabéns pelo seu conhecimento e obrigado por o transmitir.
Adorei , muuuuito bom!!!
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o 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
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!
Video show de mais!
Cara como eu queria essas anotações dele, muito bom o vídeo
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.
Parabéns!!! Muito bom. Sucesso.
Excelente conteúdo! Parabéns
Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.
Uma super aula, valeu Diego e RocketSeat ^^
Vídeo muito bom, me ajudou muito, obrigado! 🙌
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 :)
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
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!
Que aula! Conteúdo excelente!
Conteúdo maravilhoso, parabéns .
Excelente aula, parabéns e obrigado.
Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!
que video fantástico !!!
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!
Conteúdo Fantástico! Obrigado.
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
Muito bom, ja estou confiante para começar no react
Sensacional o video bem simples e direto
Que aula foda, slc.
Obrigado!
Boa noite achei muito legal, estou aprendendo JavaScript, achei muito bacana os conceitos! Top sua didática!
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
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! ✌️😁
Baita aula!!!! 🤩🤩🤩🤩
Parabéns, ótimo conteúdo
Optional Chaining é bom demais !!! obrigado 💫💫💫
Que aula ABSURDAMENTE BOA!
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
Que vídeo bom cara!
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!
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
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.
Conteúdo de qualidade!
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
Que vídeo incrível!
Que aula, Incrível!
Muito bom!!! - Muito obrigado!!!
Vídeo útil demais!!
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.