Pessoal para quem está vendo esse video nos dias de hoje, vulgo 2024 em diante, não se usa mais defaultProps, o correto é utilizar dessa forma: function Item({brand = 'Faltou a marca', release_year = 0}){ na própria função, abraço!
Antes do lançamento do React 15.5.0, os PropTypes estavam disponíveis no pacote React, mas agora temos que adicionar a biblioteca prop-types em nosso projeto. Podemos fazer isso executando o seguinte comando em nosso terminal: npm install prop-types --save
Po matheus to começando a aprender React, até então só sabia PHP, JS, HTML e CSS. Meu objetivo é voltar ao mercado de trabalho o qual estou afastado há 2 anos... Eu quero agradecer pela sua disponibilidade, pela sua generosidade em compartilhar um conteúdo tão didático e prático. Que Deus te abençoe e que você colha os frutos desse gesto, obrigado pela ajuda e excelente didática!
Nao sei como te agradecer, na verdade sei, vou comprar seu curso na Udemy, estava desanimado com a programação ate conhecer você e seu canal. MUITO OBRIGADO.
Pra mim aqui funcionou, deu os warnings caso fosse inserido um tipo errado, e as mensagens default quando não foram inserido os dados na props. Obrigado por compartilhar seu conhecimento com essa didática incrivel Matheus, estava quase desistindo de aprender React...
Ótimo vídeo. Comprei um curso de react um tempo atrás na udemy, mas se eu soubesse que já havia um conteúdo tão bom assim no youtube, eu nem teria comprado.
Eu sou do backend. Quando eu vejo isso aqui a impressão que tenho é que é tudo uma salada de tudo quanto é tranqueira e gambiarra num mesmo arquivo. Kkkkkk
Vamo que vamo, preciso entregar uma webpage estilo Spotify pra amanhã kkkkkkk Se eu entregar provavelmente passo no processo seletivo, tomara que dê certo!
@@Mobila_01 entreguei a página funcional e sequer recebi resposta kkkkk, mas tá tudo bem, já consegui outro trampo home office e entrei pra uma faculdade federal, estou feliz com meus resultados
Estou estudando React por necessidade, por conta que no estágio precisa. Mas te falar, Angular da uma surra em react, é claro que, react não é framework, mas se vocês que estão vendo react, pulem para o Angular. Angular é perfeito e bem completo.
Olá Matheus, primeiramente gostaria de agradeçer pelo conteúdo compartilhado, até o momento é o conteúdo que mais tem me ajudado a entender a biblioteca react. Neste sentido da aula do vídeo, a ideia é aplicar este tipo de validação apenas para que outros devs possam se certificar de inserir dados corretos dentro do atributo? obrigado.
Oi deu problema no meu PropsType fui procurar no teu Item e Lista no, Git para comparar, mas não achei, tem como me consegui o caminho, achei o reat lá mas não o Item e List. Att,
Aqui no meu só precisei colocar o ponto e vírgula no final do import que o Matheus não colocou, ficou: import PropTypes from 'prop-types'; Aí parou de dar esse erro.
Adriel, se você perceber é um tipo de tipagem bem simples. Com o Typescript fica bem mais complexo e ainda tem a curva de aprendizado pra utiliza-lo. Acredito que esse método é uma forma mais simples de validar um dado, sem ter que aprender uma outra linguagem basicamente. Mas se você já sabe utilizar o TS, vai fundo.
@@felipemanso TS não é difícil, você só tira uns minutos para tipar e prevenir problemas. É bom quando usado em equipe, não é todo dev que tem a sagacidade de testar se vai passar apenas aquele tipo.
Eu percebi aqui que não estava acusando erro pq na parte do Item.propTypes = {} o editor havia corrigido para protoTypes e funcionou msm assim, n dando nenhum problema, por isso eu n vi os erros no console. Caso mais alguém n esteja vendo os erros, dê uma checada la pra ver se ta escrito certo....
@@MatheusBattisti ah desculpa, imaginei que fosse, como que faço para pegar o certificado desse curso do youtube? ainda não terminei, mas pretendo terminar, ai gostaria de saber se é possível
Sua aula é muito boa mas eu sinto que falta um pouco de objetividade. Eu entendi os comandos ensinados. Mas preciso entender os porquês e os ‘porque isso’.
curso bom, só que a cada tópico seria interessante deixar apenas oq vai ser usado na aula, tem vários components quem nem estão sendo usados, dá uma bagunçada
Pessoal para quem está vendo esse video nos dias de hoje, vulgo 2024 em diante, não se usa mais defaultProps, o correto é utilizar dessa forma: function Item({brand = 'Faltou a marca', release_year = 0}){ na própria função, abraço!
Antes do lançamento do React 15.5.0, os PropTypes estavam disponíveis no pacote React, mas agora temos que adicionar a biblioteca prop-types em nosso projeto.
Podemos fazer isso executando o seguinte comando em nosso terminal:
npm install prop-types --save
Valeu!
obrigado mesmo Estevam!
obrigado por estar compartilhando seu conhecimento de forma gratuita e de forma simples e eficaz!
valeuu tb Munir!
Po matheus to começando a aprender React, até então só sabia PHP, JS, HTML e CSS. Meu objetivo é voltar ao mercado de trabalho o qual estou afastado há 2 anos... Eu quero agradecer pela sua disponibilidade, pela sua generosidade em compartilhar um conteúdo tão didático e prático. Que Deus te abençoe e que você colha os frutos desse gesto, obrigado pela ajuda e excelente didática!
O cara é cabuloso, além de ensinar, faz criar gosto pela ferramenta. Incrível.
Agora avanço em props.
Professor excelente
boa Charles!
Nao sei como te agradecer, na verdade sei, vou comprar seu curso na Udemy, estava desanimado com a programação ate conhecer você e seu canal. MUITO OBRIGADO.
muito obrigado tb Alexandre, abraço!
Onrigado pelas aulas Matheus.
Muito legal o conteúdo Matheus muito bom mesmo, qualidade bem elevada para uma didática acessível de forma gratuita!
valeu Patrick!
Pra mim aqui funcionou, deu os warnings caso fosse inserido um tipo errado, e as mensagens default quando não foram inserido os dados na props. Obrigado por compartilhar seu conhecimento com essa didática incrivel Matheus, estava quase desistindo de aprender React...
opa Felipe, que bom que estou conseguindo te ajudar =))
Ótimo vídeo. Comprei um curso de react um tempo atrás na udemy, mas se eu soubesse que já havia um conteúdo tão bom assim no youtube, eu nem teria comprado.
valeuu Lucas
e tem um outro melhor ainda: horadecodar.com.br/comunidade-hora-de-codar/
=)
Aula mais top, e o trem tá só apertando, tmj Matheus 👊🏻
tamo junto Marcelo! =D
Show de Explicação!
Seguimos !!
boa Enzo!
Sensacional didática!
Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !
Tá ajudando muito meu aprendizado, vlw
Eu sou do backend. Quando eu vejo isso aqui a impressão que tenho é que é tudo uma salada de tudo quanto é tranqueira e gambiarra num mesmo arquivo. Kkkkkk
Muito bom o conteúdo, parabéns.
Muito bom 👏
bom te ver aqui =D
Vamo que vamo, preciso entregar uma webpage estilo Spotify pra amanhã kkkkkkk
Se eu entregar provavelmente passo no processo seletivo, tomara que dê certo!
Passou?
Passou?
Passou?
@@Mobila_01 entreguei a página funcional e sequer recebi resposta kkkkk, mas tá tudo bem, já consegui outro trampo home office e entrei pra uma faculdade federal, estou feliz com meus resultados
@@CttBiel parabéns brow
Show a aula
valeuuu Andre!
muito bom mano,muito obrigado!
Visto
Agora tem que importar pro projeto o PropTypes. Fui obrigado a dar o comando npm install prop-types --save.
Obrigado!
pra quem está usando typescript apenas use interface ou type que é a mesma coisa e mais legivel
Esse PropTypes pode-se dizer que faz algo parecido com o TypeScript?
Estou estudando React por necessidade, por conta que no estágio precisa. Mas te falar, Angular da uma surra em react, é claro que, react não é framework, mas se vocês que estão vendo react, pulem para o Angular. Angular é perfeito e bem completo.
calma aí
vlw muito top!
Olá Matheus, primeiramente gostaria de agradeçer pelo conteúdo compartilhado, até o momento é o conteúdo que mais tem me ajudado a entender a biblioteca react. Neste sentido da aula do vídeo, a ideia é aplicar este tipo de validação apenas para que outros devs possam se certificar de inserir dados corretos dentro do atributo? obrigado.
show!
Oi deu problema no meu PropsType fui procurar no teu Item e Lista no, Git para comparar, mas não achei, tem como me consegui o caminho, achei o reat lá mas não o Item e List.
Att,
A nomenclatura recomendada do React não é a PascalCase?
Matheus, no meu caso eu estou usando TypeScript, eu posso usar INTERFACE ao invés de PropTypes, certo?
Parabéns pelo conteúdo!
pra quem teve esse erro "Typo in static class property declaration proptype" precisa colocar o propTypes com a primeira letra em minuscula
Aqui no meu só precisei colocar o ponto e vírgula no final do import que o Matheus não colocou, ficou:
import PropTypes from 'prop-types';
Aí parou de dar esse erro.
Não sei se é uma boa prática mas, eu fiz assim {marca="Faltou a marca", ano=0} e não usei o defaultProps. O resultado é o mesmo.
meu codigo tá igualzinho, mas tá dando erro no:
Item.propTypes = {
marca: PropTypes.string,
}
o meu a mesma coisa
Shw!
valeu!
😃Show
Se o caso é tipar as props para prevenir problemas, por que não utilizar TypeScript de uma vez?
Isso, boa! Pode utilizar TS tb
Adriel, se você perceber é um tipo de tipagem bem simples. Com o Typescript fica bem mais complexo e ainda tem a curva de aprendizado pra utiliza-lo. Acredito que esse método é uma forma mais simples de validar um dado, sem ter que aprender uma outra linguagem basicamente. Mas se você já sabe utilizar o TS, vai fundo.
@@felipemanso TS não é difícil, você só tira uns minutos para tipar e prevenir problemas. É bom quando usado em equipe, não é todo dev que tem a sagacidade de testar se vai passar apenas aquele tipo.
O rato roeu a roupa do rei de Roma.
4:55
O meu não deu erro no console na parte da string e no required, mais alguém?
Eu percebi aqui que não estava acusando erro pq na parte do Item.propTypes = {} o editor havia corrigido para protoTypes e funcionou msm assim, n dando nenhum problema, por isso eu n vi os erros no console. Caso mais alguém n esteja vendo os erros, dê uma checada la pra ver se ta escrito certo....
Isso de PropTypes é basicamente o que o TypeScript faz né?
Pelo que entendi sim, mas se souber TypeScript dê preferencia para ele
fiz o defaultProps e ele não setou os valores, deixei alguns elementos com informações vazias e ele não setou os valores padrões.
Vc observou as vírgulas que são obrigatórias dentro dos objetos que vão determinar o tipos?
Mesmo problema do meu
teria como eu pegar o certificado fora da udemy?
sei la, pagar a parte mais barato
não é o mesmo curso Henrique...
@@MatheusBattisti ah desculpa, imaginei que fosse, como que faço para pegar o certificado desse curso do youtube? ainda não terminei, mas pretendo terminar, ai gostaria de saber se é possível
No meu aqui não funcionou isso ai.
Sua aula é muito boa mas eu sinto que falta um pouco de objetividade.
Eu entendi os comandos ensinados.
Mas preciso entender os porquês e os ‘porque isso’.
30/06/2024
Muito rápido a explicação....
TypeScript pra que?? kkkkk
curso bom, só que a cada tópico seria interessante deixar apenas oq vai ser usado na aula, tem vários components quem nem estão sendo usados, dá uma bagunçada
Tá reclamando de barriga cheia!!! Curso excelente disponível de GRAÇA, compra o pago e pare de chorar, mimizento.
@@rafaelfarias1951 calma mocinha
@@brunocorrea_br chora +
Obrigado!