Curso React: Trabalhando com props - #05
HTML-код
- Опубликовано: 9 фев 2025
- 🔴 CURSO COMPLETO DE REACT: www.udemy.com/...
📘 Ebook gratuito de React: www.horadecoda...
★ Nossos Cursos: www.horadecoda...
Neste vídeo você vai aprender sobre as props em #React
Um recurso que permite passar dados do componente pai para o componente filho, desta maneira você consegue deixar os componentes dinâmicos, reagindo aos dados enviados
Repositório: github.com/mat...
★ Livros recomendados: www.horadecoda...
▶ Instagram: @horadecodar
▶ GitHub: github.com/mat... 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
quando eu disse que iria estudar React me botaram medo, falando que era difícil, pipipipopopo... cheguei até aqui e estou achando ridiculamente fácil, você merece todos os créditos por explicar muito bem, fica tudo tão claro. Tá de parabéns, vou até o fim com este curso !!
eu também achei que ia ser difícil, mas pelo o amor de deus, ás vezes c nem precisa saber javascript pra estudar esse ngc
Eu amo como ele sempre arruma um jeito de dizer "isso aqui é tranquilo, ta tudo bem, nada de mais" pros ansiosos de plantão que já se desesperam quando veem algo "novo" (eu inclusive kkkk)
e realmente acalma os desesperados kkjkjkjk
Confesso que tentei por umas três vezes aprender react com você e desisti. Tentei ver em outros canais, foi pior ainda. Daí hj eu resolvi que iria aprender react a todo custo... Mano que curso fenomenal, teu material tá muito bem desenhado. Didática absurda! Parabéns e Obrigado por tanto!!!!
Cara, se você realmente se comprometeu a entrar de cabeça na programação, ainda mais no React, eu recomendo que você compre um curso completo da linguagem que você for estudar. Não precisa ser cursos super caros de 2k pra cima. Tem cursos na Udemy super em conta e que vão agregar muito ao seu conhecimento."
Cara, seus cursos são simplesmente sensacionais. Estou aprendendo muita, mas muita coisa mesmo. Espero que durante o curso seja usado o NextJS, mas se nao usar tbm , tudo bem....isso ta sendo maravilhoso pra mim pra.
Sou programador Java a 16 anos e nunca estudei React....é sensacional. Parabéns.
Estou amando esse curso!!! Você é demais, professor
valeuu Rebecca! =)
@@MatheusBattisti vc é top !
Professor, estou assistindo esse curso em Novembro de 2023, e ao mesmo tempo que leio o seu livro "Fundamentos do React" e lá, o senhor nos ensina a mexer no React usando o Vite em conjunto, e eu to fazendo isso enquanto edito o projeto confome as aulas vão passando aqui. Só notei uma diferença nos componentes, que eu não consigo chamá-los usando arquivos ".js", e e eu substitui por ".jsx" e tem funcionado, além do Vite ser bem mais bonito e rápido. Fica a dica pra quem for usar o React usando Vite em conjunto. Obrigado pelo ensinamento.
Salve irmão, pior que tô fazendo essa mesma coisa só que no meu caso tô usando o NextJS e o SASS, tô pensando tbm em usar o Tailwind CSS também quando chegar na parte de criar o projeto
é verdade, tua didática é a melhor do YT!
O melhor curso de React do RUclips. Parabéns!
obrigado Marisa =D
Estou gostando muito.
valeu! =D
Seu curso é incrivel ! obrigado
valeu Arthur, Te convido tb a conhecer a nossa plataforma de cursos: horadecodar.com.br/comunidade-hora-de-codar/
lá vai ter muito React tb =)
Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !
mds como é boa a aula sua, tem uns caras ai q n consigo assistir pq enjoa e só enrola
Boa mestre!
Mano sua didática é sensacional, ganhou um inscrito to curtindo tudo e assim que o bolso melhorar um cliente!! PARABENS
Aulas muito top, direto ao ponto!
Só em pensar que fiquei um tempão tentando resolver isso de outra forma kkkkkkkkkkkkkk. Muito obrigado, sua explicação foi ótima, objetiva e de facil entendimento. Foi uma luz para um pequeno pedaçodomeu projeto. Muito obrigado.
Aula bem didática muito top!!!
Você explica tão bem, mano parabéns
8:45 tomara q seja uma profecia kkkk
hhahhaha
quanto conhecimento interessante, obrigado por compartilhar seus conhecimentos...
Eu estou fazendo um curso de front-end e precisei buscar fora mais informações sobre o React. Suas explicações são simples e claras e ta me ajudando muito. Obrigada!
Tua didática é top Matheus. Obrigado por sempre compartilhar esses conteúdos de qualidade. Adquiri teu curso de Node e estou amando tbm!
valeu Ronaldo! =)
Te convido tb a conhecer a nossa plataforma de cursos: horadecodar.com.br/comunidade-hora-de-codar/
lá vai ter mto Node e React =)
Curto demais seus cursos Matheus...aprendo muito
Maratonando aqui suas vídeo aulas. São realmente muito boas...
acompanhando :)
valeuuuu Zeriel, tamo junto
Parabéns pela didática 👏🏽👏🏽👏🏽👏🏽👏🏽
obrigado Pedro!
Gratidão por esse conteúdo professor.
de nada brother! =D
Visto
Muito boa a explicação, bem detalhada, top mesmo!
Sua didática é demais cara !! Eu já tinha visto no meu curso, mas não tinha entendido nada. Com você explicando ficou muito mais claro !! Eu achei demais
Sensacional professor Matheus, seus curso sao incrivel.
muito obrigado Fabricio!
Muito obrigado!!
de nada Rodrigo!
Aulas muito didáticas! Parabéns!!
valeu Gabriel, tamo junto!
Muito bons os vídeos, sempre! Em várias ocasiões, quando não consigo absorver algum conceito, tecnologia, etc, venho ver os vídeos aqui. Parabéns e muito obrigado!
cara Seu curso é muito bom, parabens
valeu Filipe!
Matheus, estou gostando de aprender React contigo, bora bora...
bora Marcelo, amanhã tem mais =))
Explica muito bem! Obrigado e vamos em frente!
Muito obrigada! Objetivo demais, está me ajudando imensamente.
Show Matheus. OBrigado!!!
Se explica bem eu dou like, like dado!
Valeu carinha tô gostando.
Passei uns perrengues no início mas tá de boa agr...
Vlw
Cara muito obrigado pelas sua aulas, isso está me ajudando muito no meu cerscimento como programador júnior... Sucesso pra você irmão!!
valeuu! =)
to fazendo um curso na alura e foi tão mal explicado lá que tive que vir aqui aprender. Obrigado cara!
to estudando por lá e fiz o mesmo kkk
Matheus, que aula bem explicada! Didática maravilhosa, parabéns!
cursooo bom demais você é muito fera!!Uma dica quem usa VSCODE é a extensão que com letras faz a base e os imports ES7 React/Redux/GraphQL/React-Native snippets
valeu Mateus, boa indicação tb, a extensão ajuda mto!
Muito boa suas aulas!
valeu Victor!
Ensina muito bem, só elogios.
Aula top parabéns
valeuu!
Parabéns Matheus......
Já tive contato com o React na faculdade, mas mesmo assim estou querendo me aprofundar mais nessa tecnologia. Obrigado Matheus por explicar de forma clara e didática!
Sorte sua que teve. Na minha só tive um mês para aprender html, css, javascript, react. Foi muito raso e rapido
Agora tem que correr atrás para me especializar nessa tecnologia
Assistindo novamente pra assimilar
mds sou mt burro
Bacana essa alternativa de botar as variáveis direto no parâmetro da função do componente. Eu aprendi a passar por interface, que é similar, mas achei essa solução melhor.
aula joia!
show demais a didatica, vou investir nos cursos do site posteriormente!
obrigado pela força!
gostando muito do conteúdo... gratidão, sou seu aluno lá na udemy e gosto muito de seu trabalho!
valeu Everaldo, obrigado pelo apoio lá tb =)
MUITO BOM!!!!
muito bom professor
valeu Victor!
Aula excelente!
Daora! Brigadúúú!
de nada Darlon!
Obrigado, mestre estava ansioso por esse assunto.
De nada Alex, amanhã tem mais e ainda vamos falar bastante de props
sensacional!!!
Perfeitooooooooo!
muito bom
Boa noite, qual extensão você está usando que mostra onde inicia o escopo e termina ele, não as chaves que digo, 3:10 onde mostra em amarelo a função.
Também queria saber
10:17 como você faz isso ? De selecionar as palavras e apagar ou mudar ao mesmo tempo
ctrl + d
@@eduardovidal8639 Obrigado!
show!
Fera.
No minuto 4:32 você apenas aperta o p e consegue já usar o snippet da TAG de parágrafo igual no HTML, aqui no meu eu não consigo, dentro dos arquivos .js não funciona esses snippets, qual extensão que você usa pra conseguir?
muda a extensão dos aqruivos para .jsx
belo video, na hora de usar string faz alguma diferença usar ' ou " ?
Valeu!
Top
Valeu!
Então, DESTRUCTING é uma forma mais rápida de codificar em relação as PROPS???
Finalmente entendi Props....kkkk
haha show Ricardo!
As funçoes dos componentes podem ser feitas com Arrow Functions ou nao seria uma boa pratica? Eu acho melhor ultilizar as Arrow Functions
Eu lembro de um vídeo seu de um projeto Coast , um de React que tinha como cadastrar projetos e excluí-los. Tem o link aí ?
[trop fort! merci beaucoup]
Matheus por volta de 7:21 do vídeo quando você faz um autocomplete na tag img é alguma extensão para fazer isso? meu VScode não faz esse autocomplete das tag html em JS pode me dizer como faz isso?
muda as extensões dos arquivos para .jsx
+1 inscrito
Quando crio um componente consta o erro:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. O que pode ser ?
tem que ensinar isso puxando do banco de dados, tem mais usabilidade, eu to montando im sisteminha e to apanhando pro backend
Show de bola essa aula sobre Props! Finalmente entendi. Matheus, só tenho uma dúvida... existe uma propriedade que faça o inverso da props? Exemplo: tenho uma constante dentro do componente filho e quero utilizar essa constante no elemento pai. A constante fora da função pode ser exportada, mas se ela tiver dentro da função, como posso exportar o valor? Desde já muito agradecido! Compartilhando seu canal até gastar o dedo! Abraço!
como que o teu react ta preenchendo automáticos as tags html? no meu vs code eu tenho que digitar tudinho mano...
Boa tarde Matheus, estou com uma dúvida, o meu VS não está me sugerindo o auto-complete do HTML dentro do JS, é um plugin que faz isso?
Uma dúvida que ficou em mim. No caso SayMyName() é o componente pai e App() é o componente filho?
App() é o component filho pois ele esta "recebendo" as props do component pai SayMyName(). Observação: App.js é o arquivo embrião do REACT, é tanto que ele é criado na INSTALAÇÃO VIA TERMINAL, por isso , ele ser considerado, um component filho , que vai herdar tudo de outros arquivos.
pq no minuto 8:00 tu usa atribuição de igual = e depois de : {props.~~ ??
O meu VS CODE não dá as opções quando digito o comando. Por exemplo, dentro de Pessoa.js quando digito h2 dentro da function Pessoa, não aparece as opções, daí tenho que digitar o comando completo.
Como faz para que o VS code preencha automático ou me dê as opções para escolher?
Outro exemplo é se eu digitar img, não aparece a opção para selecionar, daí tenho que digitar tudo no dedo " "
É possível "exportar" as props?
Excelente conteúdo Matheus!! Me tira uma dúvida, qual é a diferença de quando se usa uma função ou uma classe ao criar um componente? E quando se vai utilizar uma classe, para usar o props preciso colocar this.props.nome_da_variável, certo?
alguém tem cupom de desconto para o curso?
Voce consegue me dizer como eu deixo meu VSC igual, as pastas com cores diferentes, os icones
ele usa a extensão material icons e uma opção chamada compact folder DESATIVADA
mano vlw muito to querendo entrar de cabeça no desenvolvimento assim que estiver trabalhando espero poder retribuir sua ajuda
Valeu!!
Aguns conceitos do react me lembra bastante java
3:30 BREAKING BAD REFERENCES
O export default só pode ser usado uma vez por documento js ?
É isso ?
Ou existem emios de se usar varios export default no mesmo documento?
Só um export, mas provalvelmente vc já descrobriu que pode usar classes e exporta-la
@@cortespoliglota Obrigado pela ajuda
tem como colocar um prompt pra receber o nome do usuario e imprimir em html?
Posso usar extensão .jsx ao invés de .js? ou isso implicaria algo em desempenho, vi que o jsx completa o html e da sugestões se estou usando ele, ja o js não faz isso
Reparei que todos os .js criados por você ficaram juntinhos. Aqui no meu VS code tá tudo separado. Como eu deixo o meu bem organizado assim?
Existe alguma regra do que não passar por props?
Quem se incomodou com a idade como string?