TUDO que você deve estudar de JavaScript antes do React
ฝัง
- เผยแพร่เมื่อ 6 ก.ค. 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
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
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!
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!
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 '-'.
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
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!
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
Caramba, que sensacional! Era o que eu precisava pra começar a aprender o React. Gratidão Diegão!
Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!
Boa Diego, cada dia aprendendo mais com vc!
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
Impressionante! Muito obrigado por disponibilizar esse conteúdo!
Que aulão!! Muito massa, muito obrigado!
Sensacional, Diego!
Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim.
Muito obrigado e sucesso!
isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
Diego como sempre monstro demais!
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
Vídeo muito necessário, parabéns Rocketseat!
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
Esse vídeo é sensacional, parabéns Diego!!!
Showww, mega revisão braba!
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.
Mais uma vez muito top, o conteúdo está imperdível!!
Parabéns!
Conteúdo base muito importante.
Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
Espetacular, Diego!
Conteúdo muito top Diego!!
Que vídeo incrível brother! Parabéns!
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.
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!
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
Excelente vídeo. Mttt obrigado pelo conteúdo!
Perfeito Diego! Didática excelente! 👏👏👏
Só conteúdo foda 🥰
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
Que aula completassa! Excelente conteúdo!
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 👏🏻👏🏻
que video fantástico !!!
mais uma vez sensacional, aula top
Video show de mais!
Rapaz, que vídeo top....muito obrigado por isso Rocketseat!
Muito bom, ja estou confiante para começar no react
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.
Fenomenal Diego, parabéns!
Que conteúdo fantástico!! Muito obrigada!🙂
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
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.
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
Vc é fera!!!
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
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, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
Baita aula!!!! 🤩🤩🤩🤩
Show de bola, ótimo conteúdo, parabéns!
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!
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!
excelente vídeo! deu pra sintetizar tudo de uma forma espetacular.
Optional Chaining é bom demais !!! obrigado 💫💫💫
sensacional Diego, valeu
conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.
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 :)
Aula top dms!
Adorei , muuuuito bom!!!
Conteúdo de qualidade!
Boa noite achei muito legal, estou aprendendo JavaScript, achei muito bacana os conceitos! Top sua didática!
Muito bom!!! - Muito obrigado!!!
Que aula!! Me ajudou muito, muito obrigado Diego
esse video ficou animal, parabens pelo conteudo!
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! ✌️😁
Muito show!!!
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
Que aula! Conteúdo excelente!
Uma super aula, valeu Diego e RocketSeat ^^
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
Excelente conteúdo! Parabéns
Parabéns!!! Muito bom. Sucesso.
Que aula ABSURDAMENTE BOA!
SENSACIONAL!
q cara didático, pqp...ta no ramo certo mesmo
Bom vídeo !
Parabéns pelo seu conhecimento e obrigado por o transmitir.
Ótimo conteúdo manos, obrigado!!!
Conteúdo maravilhoso, parabéns .
Que vídeo bom cara!
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
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
cara que video magnifico pra quem é apaixonado por node : ))))))))))))))
Conteúdo Fantástico! Obrigado.
Manja muito. Safo! Didática fina.
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.
Que vídeo incrível!
43:00 eu entendi perfeitamente o tipo de erro que o Diego estava esperando encontrar!! Já sofri muito com isso!! Valeu Diegooo!!!
ganhou um inscrito ,excelente a qualidade do vídeo!!!
Muito obrigado 😁
Excelente aula, parabéns e obrigado.