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

  • @rocketseat
    @rocketseat2 ай бұрын

    Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj

  • @miqueiassousa8991
    @miqueiassousa8991 Жыл бұрын

    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

    @gustavocamargo3964

    Жыл бұрын

    O brabo tem nome 🤩

  • @raphaelmelo

    @raphaelmelo

    Жыл бұрын

    o famoso heroi

  • @dieegosf

    @dieegosf

    Жыл бұрын

    Contratado!

  • @MixtliTurboDriver

    @MixtliTurboDriver

    Жыл бұрын

    Obrigado amigo, vc é um amigo

  • @leleparanormal1579

    @leleparanormal1579

    Жыл бұрын

    valeu miqueinha

  • @maykbrito
    @maykbrito Жыл бұрын

    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

    @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

    @maykbrito

    Жыл бұрын

    @@lucas-mds-198

  • @aloissailer

    @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

    @dieegosf

    Жыл бұрын

    Que isso Maykão, você é minha inspiração diária!

  • @Joao-oo8yj

    @Joao-oo8yj

    Жыл бұрын

    Esses cara são foda dms! hshshhs

  • @alanfljesus
    @alanfljesus Жыл бұрын

    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

    @Shadower2014

    Жыл бұрын

    Ta cursando alguma faculdade? Como conseguiu o estagio?

  • @alanfljesus

    @alanfljesus

    Жыл бұрын

    @@Shadower2014 Estou cursando ADS

  • @micaelepereira8683

    @micaelepereira8683

    Жыл бұрын

    Passei pelo mesmo processo recentemente

  • @gabrielbugarelli

    @gabrielbugarelli

    Жыл бұрын

    Booaa

  • @user-zv6vl6ne9z

    @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

  • @batinimagus
    @batinimagus Жыл бұрын

    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!

  • @lucas-mds-198
    @lucas-mds-198 Жыл бұрын

    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

    @maycondouglas3179

    Жыл бұрын

    Comigo ocorreu igual, único assunto que eu nunca havia visto foi o Optional Chaining

  • @DevAndrePacolla96

    @DevAndrePacolla96

    9 ай бұрын

    @@maycondouglas3179 exatamente como ocorreu comigo jhehe

  • @RamonRodrigo-jw4pq

    @RamonRodrigo-jw4pq

    8 ай бұрын

    Comigo aconteceu um reverse kkkk tenho um roadmap pra estudar agora!

  • @evertonoliveira5791
    @evertonoliveira5791 Жыл бұрын

    Impressionante! Muito obrigado por disponibilizar esse conteúdo!

  • @francisverissimo8454
    @francisverissimo8454 Жыл бұрын

    Que aulão!! Muito massa, muito obrigado!

  • @darlanbatistacorrea6501
    @darlanbatistacorrea6501 Жыл бұрын

    Esse vídeo é sensacional, parabéns Diego!!!

  • @wellingtongrandyx
    @wellingtongrandyx Жыл бұрын

    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!

  • @PedroHenrique-oi7um
    @PedroHenrique-oi7um Жыл бұрын

    Vídeo muito necessário, parabéns Rocketseat!

  • @HerlonCosta
    @HerlonCosta Жыл бұрын

    Caramba, que sensacional! Era o que eu precisava pra começar a aprender o React. Gratidão Diegão!

  • @R6videos6R
    @R6videos6R Жыл бұрын

    Aulão, hein. Uma baita revisão dessas é legal de vez em quando.

  • @augustofernandesmarsola9284
    @augustofernandesmarsola9284 Жыл бұрын

    Diego como sempre monstro demais!

  • @Eduardo-eb7ej
    @Eduardo-eb7ej Жыл бұрын

    Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!

  • @JoaomkXD
    @JoaomkXD Жыл бұрын

    Boa Diego, cada dia aprendendo mais com vc!

  • @gabrielbugarelli
    @gabrielbugarelli Жыл бұрын

    Showww, mega revisão braba!

  • @oliveirafocs
    @oliveirafocs Жыл бұрын

    Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!

  • @GabrielSilveira97
    @GabrielSilveira976 ай бұрын

    Que vídeo incrível brother! Parabéns!

  • @diego_maia
    @diego_maia Жыл бұрын

    Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!

  • @RodrigoKulb
    @RodrigoKulb Жыл бұрын

    Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀

  • @miguelelias4314
    @miguelelias43146 ай бұрын

    Mais uma vez muito top, o conteúdo está imperdível!! Parabéns!

  • @danielpuyo7061
    @danielpuyo70618 ай бұрын

    Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!

  • @castilho6700
    @castilho6700 Жыл бұрын

    Rapaz, que vídeo top....muito obrigado por isso Rocketseat!

  • @dpisati
    @dpisati Жыл бұрын

    Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥

  • @thiagocnunes
    @thiagocnunes Жыл бұрын

    Excelente vídeo. Mttt obrigado pelo conteúdo!

  • @graners
    @graners Жыл бұрын

    Perfeito Diego! Didática excelente! 👏👏👏

  • @lucasramos1190
    @lucasramos1190 Жыл бұрын

    Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.

  • @babidi.sincero
    @babidi.sincero Жыл бұрын

    Quando a aula é boa... eu só abri pra dar uma olhadinha no início e acabei vendo tudo! hehe parabéns!

  • @fabiomorais5495

    @fabiomorais5495

    Жыл бұрын

    hahah eu tbm.. entrei pra ver sobre reduce e vi o video inteiro '-'.

  • @leandrodeveloper2162
    @leandrodeveloper2162 Жыл бұрын

    Conteúdo base muito importante. Foi importante para mim, deu para revisar o conhecimento. 👏👏👏

  • @vagnerazevedo2014
    @vagnerazevedo2014 Жыл бұрын

    Sensacional, Diego! Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim. Muito obrigado e sucesso!

  • @LennWeltmeister
    @LennWeltmeister Жыл бұрын

    Espetacular, Diego!

  • @ronaldosantana6188
    @ronaldosantana6188 Жыл бұрын

    Super aula, conhecia todos mas é sempre bom revisitar os conceitos.

  • @hamiceis
    @hamiceis Жыл бұрын

    Conteúdo muito top Diego!!

  • @andrerenan9845
    @andrerenan9845 Жыл бұрын

    isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!

  • @raylanderguimaraes6059
    @raylanderguimaraes6059 Жыл бұрын

    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.

  • @baDinho1
    @baDinho1 Жыл бұрын

    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.

  • @gabrielopescador2122
    @gabrielopescador2122 Жыл бұрын

    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 👏🏻👏🏻

  • @relacional
    @relacional Жыл бұрын

    Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas

  • @wallacewictchen7854
    @wallacewictchen7854 Жыл бұрын

    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!

  • @julianacosta7310
    @julianacosta7310 Жыл бұрын

    Que conteúdo fantástico!! Muito obrigada!🙂

  • @user-ur4wc5bb7t
    @user-ur4wc5bb7t2 ай бұрын

    mais uma vez sensacional, aula top

  • @rogernascimento740
    @rogernascimento740 Жыл бұрын

    Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠

  • @ander_michael
    @ander_michael Жыл бұрын

    Só conteúdo foda 🥰

  • @matheusverri3402
    @matheusverri34023 ай бұрын

    Que aula completassa! Excelente conteúdo!

  • @douglasfelc
    @douglasfelc Жыл бұрын

    Show de bola, ótimo conteúdo, parabéns!

  • @otaviodallo622
    @otaviodallo622 Жыл бұрын

    Que aula!! Me ajudou muito, muito obrigado Diego

  • @zekjunio612
    @zekjunio61210 ай бұрын

    conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.

  • @jmarcelobc
    @jmarcelobc Жыл бұрын

    Fenomenal Diego, parabéns!

  • @linuxsec
    @linuxsec Жыл бұрын

    Muito bom, ja estou confiante para começar no react

  • @score_
    @score_ Жыл бұрын

    excelente vídeo! deu pra sintetizar tudo de uma forma espetacular.

  • @jeffersonsjunior
    @jeffersonsjunior Жыл бұрын

    esse video ficou animal, parabens pelo conteudo!

  • @StratOnFire
    @StratOnFire Жыл бұрын

    Conteúdo de qualidade!

  • @marciodev21
    @marciodev213 ай бұрын

    Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.

  • @endrewcardoso7888
    @endrewcardoso7888 Жыл бұрын

    Video show de mais!

  • @geninhoo300
    @geninhoo300 Жыл бұрын

    Adorei , muuuuito bom!!!

  • @renan-ferreira
    @renan-ferreira Жыл бұрын

    Ótimo conteúdo manos, obrigado!!!

  • @brazjunior7533
    @brazjunior75339 ай бұрын

    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.

  • @neliojorio
    @neliojorio Жыл бұрын

    Uma super aula, valeu Diego e RocketSeat ^^

  • @MarcusVinicius-le4zd
    @MarcusVinicius-le4zd Жыл бұрын

    Cara como eu queria essas anotações dele, muito bom o vídeo

  • @jennifermagpantay7933
    @jennifermagpantay7933 Жыл бұрын

    Que aula! Conteúdo excelente!

  • @marioduarte89
    @marioduarte8910 ай бұрын

    Que aula ABSURDAMENTE BOA!

  • @lameirat
    @lameirat Жыл бұрын

    Parabéns pelo seu conhecimento e obrigado por o transmitir.

  • @AleferReinert
    @AleferReinert Жыл бұрын

    Vídeo muito bom, me ajudou muito, obrigado! 🙌

  • @hugocavalaristudartpereira1214
    @hugocavalaristudartpereira1214 Жыл бұрын

    que video fantástico !!!

  • @katiorrolol
    @katiorrolol Жыл бұрын

    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!

  • @gabrielgoncalvesvicente8678
    @gabrielgoncalvesvicente8678 Жыл бұрын

    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

  • @brichardev6099
    @brichardev6099 Жыл бұрын

    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

  • @sandrojunior3992
    @sandrojunior3992 Жыл бұрын

    Conteúdo maravilhoso, parabéns .

  • @britotech
    @britotech Жыл бұрын

    Sensacional o video bem simples e direto

  • @funkerosupremo
    @funkerosupremo10 ай бұрын

    Que aula foda, slc. Obrigado!

  • @arturpedrosa
    @arturpedrosa Жыл бұрын

    Excelente conteúdo! Parabéns

  • @leandromontenegropinto6704
    @leandromontenegropinto6704 Жыл бұрын

    Parabéns!!! Muito bom. Sucesso.

  • @PauloBraga91
    @PauloBraga9110 ай бұрын

    Conteúdo Fantástico! Obrigado.

  • @matheusmatos4201
    @matheusmatos4201 Жыл бұрын

    Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.

  • @luanartacho1530
    @luanartacho1530 Жыл бұрын

    Que vídeo bom cara!

  • @kevinlima7821
    @kevinlima7821 Жыл бұрын

    Excelente aula, parabéns e obrigado.

  • @wisley227
    @wisley227 Жыл бұрын

    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 :)

  • @freddyminuzzi5120
    @freddyminuzzi5120 Жыл бұрын

    Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!

  • @cristianepereira2455
    @cristianepereira2455 Жыл бұрын

    Vc é fera!!!

  • @malfurionself
    @malfurionself4 ай бұрын

    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

  • @carlos-GMA
    @carlos-GMA7 ай бұрын

    Muito bom!!! - Muito obrigado!!!

  • @brunohenrigarcia9966
    @brunohenrigarcia9966 Жыл бұрын

    Que vídeo incrível!

  • @isabella_conti
    @isabella_conti Жыл бұрын

    sensacional Diego, valeu

  • @ThiagoSantos-bv3eu
    @ThiagoSantos-bv3eu Жыл бұрын

    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!

  • @adrianopiro5240
    @adrianopiro5240 Жыл бұрын

    Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!

  • @trechosdesucessooficial
    @trechosdesucessooficial Жыл бұрын

    Que aula, Incrível!

  • @scarlatybonfim1461
    @scarlatybonfim1461 Жыл бұрын

    pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !

  • @MatheusPereira-nn9dj
    @MatheusPereira-nn9dj Жыл бұрын

    Optional Chaining é bom demais !!! obrigado 💫💫💫

  • @Danilo-fl3yj
    @Danilo-fl3yj Жыл бұрын

    Parabéns, ótimo conteúdo

  • @flaviobulhoes3248
    @flaviobulhoes3248 Жыл бұрын

    agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão

  • @JOTADEVJR
    @JOTADEVJRАй бұрын

    Aula top dms!

  • @MayssaLaiane
    @MayssaLaiane Жыл бұрын

    Vídeo útil demais!!

  • @fams-fda
    @fams-fda Жыл бұрын

    Manja muito. Safo! Didática fina.

  • @victorfigueredo2970
    @victorfigueredo2970 Жыл бұрын

    It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

  • @pedroo8124
    @pedroo812410 ай бұрын

    ganhou um inscrito ,excelente a qualidade do vídeo!!!

  • @rocketseat

    @rocketseat

    10 ай бұрын

    Muito obrigado 😁

  • @thiagomartins7339
    @thiagomartins7339 Жыл бұрын

    Cara q conteudo sensaciona

  • @pfbrodriguez
    @pfbrodriguezАй бұрын

    q cara didático, pqp...ta no ramo certo mesmo

  • @Sino12397
    @Sino1239710 ай бұрын

    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.

  • @antoniofantoni7895
    @antoniofantoni7895 Жыл бұрын

    Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.