Eu estava aprendendo um monte de hook, inclusive useReducer e useMemo, acho que só faltava esse useRef dos principais pra eu aprender, tu leu minha mente, melhor professor, muito obrigado pelo conteúdo
Ajudou muito, estou estudando react fui fazer um projeto acabei desistindo por que minha aplicação entrou em um loop de renderização, por que usei um monte de useState🤣, eu já tinha visto o useRef, mas não tinha entendido bem, esse vídeo me ajudou muito, já ganhou +1 inscrito 🤝🏼
Esse não tinha explicado no curso que eu fiz, apesar que o professor chegou a usar em um projeto. Sempre bom aprender um pouco mais, vai que um dia eu precise rs
Professor, da para colocar aquele segundo parametro do useEffect que ele funcionara tambem assim como o useRef nesse situacao: useEffect(() => { // o que quer que rode no inicio da aplicação } , [ ]); quando passamos o segundo parametro, ele segura o loop infinito, e renderiza apenas qunado algo da tela for alterado, e não entra na questao do loop infinito
Verdade, mas isso acontece por que o useEffect usando uma array vazia como segundo argumento só vai ser chamada na montagem do componente e não mais na montagem e re-renderização do componente.
Um situação que não consigo fazer funcionar de forma alguma é focus, por exemplo eu tenho component Input, que não faõ ideia qual seria o type correto para ele tá assim meu component -:> type Props = { id?: string; color?: string, className?: string, onChange?: (e: React.ChangeEvent) => void, value?: string, type?: string, label?: string, autoComplete?: string, ref?: any, onBlur?: (e: FocusEvent) => void } o consumo deste component tá ssim fnOnChange('email', e.target.value)} /> não consigo fazer o focus funcionar.... se alguém puder me ajudar
Até onde eu sei, tem useEffect, useState, useRef, useReducer, useMemo, useCallback, useLayoutEffect (não sei se o nome é exatamente assim) e ainda tem os do React Router Dom
eu precisei fazer um infinite scroll no react e deu um baita trabalhão , um dos motivos é q precisei registrar um item dom no IntersectionObserver(checar qnd esse item tá visível ). o problema surgiu pq o js e carregado antes dos elementos dom , então a referência era sempre num ou undefined. igual aconteceu em 10:30, a solução foi usar um callback e uns paranaue todo
cara, assim que eu terminei teu curso de react aqui no youtube eu arrumei um emprego kkkkks, tu é brabo d+, sou muito grato a você.
boa Luiz, me manda um e-mail e vamos conversar sobre isso: matheus@horadecodar.com.br
Poxa que bom, pois eu ainda estou penando aqui para achar emprego...
@@Fantino502 e achou?
eu to penando aqui também
Eu estava aprendendo um monte de hook, inclusive useReducer e useMemo, acho que só faltava esse useRef dos principais pra eu aprender, tu leu minha mente, melhor professor, muito obrigado pelo conteúdo
haha boa Raimundo, teremos esses aqui tb!
os hooks pra mim sempre foram um: uso copiando de outro lugar, mas não entendo oq faz. E esses vídeos estão sendo minha salvação
Melhor serie de livros ali atrás. Eragon ciclo da Herança.
um excelente vídeo, o useRef me abre um grande leque de possibilidades no react, vai me ajudar bastante. Muito obrigado Matheus!
valeuu André, e se quiser se especializar em React, dá uma olhada na nossa plataforma de cursos: horadecodar.com.br/comunidade-hora-de-codar/
=)
Ajudou muito, estou estudando react fui fazer um projeto acabei desistindo por que minha aplicação entrou em um loop de renderização, por que usei um monte de useState🤣, eu já tinha visto o useRef, mas não tinha entendido bem, esse vídeo me ajudou muito, já ganhou +1 inscrito 🤝🏼
hahhaa boa, valeu pela inscrição!
Obrigado pelo conteúdo.
essa comunidade vai ficar top em, quero muito participar dela, e crescemos juntos, todos aprendem mais
com certeza Jailson, semana que vem tem projeto novo, tô te esperando lá =D
Top demais! Sua didática é incrível!!!!
Esse não tinha explicado no curso que eu fiz, apesar que o professor chegou a usar em um projeto. Sempre bom aprender um pouco mais, vai que um dia eu precise rs
Na vdd, eu já precisei haha
Obrigado por compartilhar seu conhecimento
de nada Andre!
Parabéns pelo conteúdo, muito didático como sempre!
obrigado Joao!
parabens pelo seu conteudo Matheus!!!
Muito boa didatica, obrigado
valeu Surita!
Estou fazendo seu curso de javascript da udemy, muito boa sua didática.
Valeu amigo! =)
Só aulas tops!
valeuu Neder!
Professor, da para colocar aquele segundo parametro do useEffect que ele funcionara tambem assim como o useRef nesse situacao:
useEffect(() => {
// o que quer que rode no inicio da aplicação
} , [ ]);
quando passamos o segundo parametro, ele segura o loop infinito, e renderiza apenas qunado algo da tela for alterado, e não entra na questao do loop infinito
Verdade, mas isso acontece por que o useEffect usando uma array vazia como segundo argumento só vai ser chamada na montagem do componente e não mais na montagem e re-renderização do componente.
Muito bom, não conhecia esse hook
Esses vídeos dos hooks estão ótimos! Vais falar sobre o useMemo também?
oi Angela, obrigado! Sim, teremos todos =D até custom hooks
@@MatheusBattisti Massa!!!
Muito bom...
Um situação que não consigo fazer funcionar de forma alguma é focus, por exemplo eu tenho component Input, que não faõ ideia qual seria o type correto para ele tá assim meu component -:>
type Props = {
id?: string;
color?: string,
className?: string,
onChange?: (e: React.ChangeEvent) => void,
value?: string,
type?: string,
label?: string,
autoComplete?: string,
ref?: any,
onBlur?: (e: FocusEvent) => void
}
o consumo deste component tá ssim
fnOnChange('email', e.target.value)} />
não consigo fazer o focus funcionar.... se alguém puder me ajudar
Show! Quantos hooks o react tem ?
React native tem todos os mesmos hooks ?
Até onde eu sei, tem useEffect, useState, useRef, useReducer, useMemo, useCallback, useLayoutEffect (não sei se o nome é exatamente assim) e ainda tem os do React Router Dom
Coelho, aproximadamente 10 hooks, e podemos criar os nosso tambem
Como fazer isso com o Button do Material UI? Ele não possui esse REF
Matheus tudo bem. Estou fazendo o curso Bootstrap e não consigo acessar as imagens. Vc pode me ajudar sou bem vovozão nisso
eu precisei fazer um infinite scroll no react e deu um baita trabalhão , um dos motivos é q precisei registrar um item dom no IntersectionObserver(checar qnd esse item tá visível ). o problema surgiu pq o js e carregado antes dos elementos dom , então a referência era sempre num ou undefined. igual aconteceu em 10:30, a solução foi usar um callback e uns paranaue todo
uma pergunta, n era só criar uma variável normal invés de usar o use ref?🤔
observei que você usou vite no projeto, lembro também de ter visto uma aula sua sobre, contudo não lembro o por quê usar e quando usar