Curso de React JS Aula 05 Criar Componente Card e mapear json

preview_player
Показать описание
00:00 Apresentação das tarefas do dia
02:25 Criar componente Card
08:13 Como usar o Card na nossa aplicação
10:00 CSS de Card
11:20 Ajuste do CSS do Container
14:00 Organizar os Cards com seus títulos
14:40 Criar section para organizar título e Card
18:45 CSS de Card (ajuste)
20:30 Motivação para mapear o JSON
21:40 Ajustes no componente Card para usarmos o dados do JSON
23:50 Passar as props id para os Cards
25:20 Dinamizar os Cards pegando os IDs do JSON
25:40 Crie a pasta json dentro de src
31:44 Map sem o uso do key, veja o erro nas Ferramentas de Desenvolvedor
32:10 Props key
33:20 Finalização da aula
34:20 Criar outras categorias com suas listas de Cards

ID do vídeo usado na aula: B_nq7VTJZds

Link do Projeto no Figma: (Parcial está apenas com algumas informações)
Рекомендации по теме
Комментарии
Автор

Aula muito boa! Realmente a forma de ensinar é diferenciada! Parabéns professor!

ig
Автор

Professor, vc tem uma didática incrível. Continue assim. Desejo muito sucesso pro canal !!!

Kendyh
Автор

Melhor que muitos cursos pago!!
-Parabéns Professor Edson, só lhe sugeria que tivesse uma comunidade no discord ou no Whatsapp pra podermos interagir melhor com o professor ou passarmos a trocar ideias uns aos outros com o Auxilio do Sr.

Devangolano
Автор

Estou gostando bastante do curso, fantástico por sinal, obrigado.

reading-ambience-ef
Автор

Nossa, excelente didática! Parabéns...

talitasalles
Автор

Show ....no fim de semana vou pegar mais firme e depois te falo como está ficando ate

mcouto
Автор

Excelente didática, conteúdo de qualidade, muito bom!!!

mvincius
Автор

Conteúdo de qualidade, assim como a didática. Parabéns e obrigado por compartilhar seu conhecimento. Fiquei na dúvida se posso recorrer ao bootstrap para trabalhar o layout das páginas. Salvar um arquivo bootstrap.min.css em cada pasta e renomeá-los como orientou, Elemento.module.css

chapahallss
Автор

Professor o me está dando esse erro:
([eslint]

src\App.1.js
Line 17:34: Parsing error: Type parameter declaration needs a default, since a preceding type parameter declaration has a default. (17:34) ), mas está rodando porém aparece uma tela vermelha com msg de erro toda vez que recarrego.

silvaaaa
Автор

dentro do jsx tem como auto complementar as tag html? tem extensao?

deniseduardo
Автор

estou fazendo em jsx nao esta mostrando a img na dentro da tag a estou colocando um link da net. 😢😢

mariaclaravalotti
Автор

O meu <h2>Geografia</h2> está ficando ao lado direito dos Cards ao invés de ficar em cima alinhado ao meio, to quebrando a cabeça aqui pra descobrir o que fiz errado mas parece que tá tudo igual ao do professor.

paulovinicius
Автор

sabe dizer se o github pages exibe sites em react?

RafaelLopes-pqqn