TUDO que você deve estudar de JavaScript antes do React
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
Пікірлер: 382
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
@gustavocamargo3964
Жыл бұрын
O brabo tem nome 🤩
@raphaelmelo
Жыл бұрын
o famoso heroi
@dieegosf
Жыл бұрын
Contratado!
@MixtliTurboDriver
Жыл бұрын
Obrigado amigo, vc é um amigo
@leleparanormal1579
Жыл бұрын
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 💛
@lucas-mds-198
Жыл бұрын
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!
@maykbrito
Жыл бұрын
@@lucas-mds-198
@aloissailer
Жыл бұрын
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!!!
@dieegosf
Жыл бұрын
Que isso Maykão, você é minha inspiração diária!
@Joao-oo8yj
Жыл бұрын
Esses cara são foda dms! hshshhs
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
@Shadower2014
Жыл бұрын
Ta cursando alguma faculdade? Como conseguiu o estagio?
@alanfljesus
Жыл бұрын
@@Shadower2014 Estou cursando ADS
@micaelepereira8683
Жыл бұрын
Passei pelo mesmo processo recentemente
@gabrielbugarelli
Жыл бұрын
Booaa
@user-zv6vl6ne9z
Жыл бұрын
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
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!
@maycondouglas3179
Жыл бұрын
Comigo ocorreu igual, único assunto que eu nunca havia visto foi o Optional Chaining
@DevAndrePacolla96
9 ай бұрын
@@maycondouglas3179 exatamente como ocorreu comigo jhehe
@RamonRodrigo-jw4pq
8 ай бұрын
Comigo aconteceu um reverse kkkk tenho um roadmap pra estudar agora!
Impressionante! Muito obrigado por disponibilizar esse conteúdo!
Que aulão!! Muito massa, muito obrigado!
Esse vídeo é sensacional, parabéns Diego!!!
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!
Vídeo muito necessário, parabéns Rocketseat!
Caramba, que sensacional! Era o que eu precisava pra começar a aprender o React. Gratidão Diegão!
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
Diego como sempre monstro demais!
Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!
Boa Diego, cada dia aprendendo mais com vc!
Showww, mega revisão braba!
Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!
Que vídeo incrível brother! Parabéns!
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
Mais uma vez muito top, o conteúdo está imperdível!! Parabéns!
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
Rapaz, que vídeo top....muito obrigado por isso Rocketseat!
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
Excelente vídeo. Mttt obrigado pelo conteúdo!
Perfeito Diego! Didática excelente! 👏👏👏
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
Quando a aula é boa... eu só abri pra dar uma olhadinha no início e acabei vendo tudo! hehe parabéns!
@fabiomorais5495
Жыл бұрын
hahah eu tbm.. entrei pra ver sobre reduce e vi o video inteiro '-'.
Conteúdo base muito importante. Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
Sensacional, Diego! Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim. Muito obrigado e sucesso!
Espetacular, Diego!
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
Conteúdo muito top Diego!!
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.
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.
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 👏🏻👏🏻
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
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 conteúdo fantástico!! Muito obrigada!🙂
mais uma vez sensacional, aula top
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
Só conteúdo foda 🥰
Que aula completassa! Excelente conteúdo!
Show de bola, ótimo conteúdo, parabéns!
Que aula!! Me ajudou muito, muito obrigado Diego
conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.
Fenomenal Diego, parabéns!
Muito bom, ja estou confiante para começar no react
excelente vídeo! deu pra sintetizar tudo de uma forma espetacular.
esse video ficou animal, parabens pelo conteudo!
Conteúdo de qualidade!
Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
Video show de mais!
Adorei , muuuuito bom!!!
Ótimo conteúdo manos, obrigado!!!
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.
Uma super aula, valeu Diego e RocketSeat ^^
Cara como eu queria essas anotações dele, muito bom o vídeo
Que aula! Conteúdo excelente!
Que aula ABSURDAMENTE BOA!
Parabéns pelo seu conhecimento e obrigado por o transmitir.
Vídeo muito bom, me ajudou muito, 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!
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
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
Conteúdo maravilhoso, parabéns .
Sensacional o video bem simples e direto
Que aula foda, slc. Obrigado!
Excelente conteúdo! Parabéns
Parabéns!!! Muito bom. Sucesso.
Conteúdo Fantástico! Obrigado.
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.
Que vídeo bom cara!
Excelente aula, parabéns e 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 :)
Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!
Vc é fera!!!
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
Muito bom!!! - Muito obrigado!!!
Que vídeo incrível!
sensacional Diego, valeu
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!
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
Que aula, Incrível!
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
Optional Chaining é bom demais !!! obrigado 💫💫💫
Parabéns, ótimo conteúdo
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
Aula top dms!
Vídeo útil demais!!
Manja muito. Safo! Didática fina.
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
ganhou um inscrito ,excelente a qualidade do vídeo!!!
@rocketseat
10 ай бұрын
Muito obrigado 😁
Cara q conteudo sensaciona
q cara didático, pqp...ta no ramo certo mesmo
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.
Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.