TUDO que você deve estudar de JavaScript antes do React

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

-----

Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

[miqueiassousa]

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

[maykbrito]

Sempre FANTÁSTICO Diegão! A sua facilidade de ensinar é admirável! Eu tenho A BAITA sorte de ter você na minha vida 💛

[reck]

O cara resumiu em 1h o que o pessoal demora 10h pra explicar, simplesmente, o Diego.

[danielpuyo]

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

[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-morais-]

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!

[babidi.sincero]

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

[malfurionself]

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

[cataairdrop]

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

[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

[ThiagoSantos-bveu]

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!

[wallacewictchen]

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!

[wisley]

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

[gabrielgoncalvesvicente]

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

[UtopiadosPensamentos]

Que aulao.... Ainda n vi um clip tao completo pra quem quer entrar no react... Merece ser visto mais e 3 vezes

[DanielRios]

11:51 tem como desativar a extensão para sites específicos, có clicar no botão com ícone de check na parte esquerda

[RvideosR]

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

[andreovo]

PQP! QUE VÍDEO SENSACIONAL, APRENDI EM 1 HORA O QUE LEVEI MESES PRA APRENDER

[mateusleon]

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.

[anaclaudiabarros]

43:00 eu entendi perfeitamente o tipo de erro que o Diego estava esperando encontrar!! Já sofri muito com isso!! Valeu Diegooo!!!