Aprenda useRef - SIMPLIFICANDO OS HOOKS DO REACT

Vamos continuar a série dos hooks do #Reactjs com o #useRef

Este hook tem algumas utilizações, uma que é interessante é a não re-renderização do componente quando um valor gerenciado por ele é alterado

Também podemos referenciar elementos do #DOM, para realizar alguma manipulação ou evento

Enfim, um hook que você precisa dominar para programar bem com React!

[luizhakan]

cara, assim que eu terminei teu curso de react aqui no youtube eu arrumei um emprego tu é brabo d+, sou muito grato a você.

[raimundojunior]

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

[leticiasantanna]

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

[andresouza]

um excelente vídeo, o useRef me abre um grande leque de possibilidades no react, vai me ajudar bastante. Muito obrigado Matheus!

[gtoloki]

Melhor serie de livros ali atrás. Eragon ciclo da Herança.

[wandevv]

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 🤝🏼

[JailsonDev]

essa comunidade vai ficar top em, quero muito participar dela, e crescemos juntos, todos aprendem mais

[rafaelguilber]

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

[julianaamerico]

Top demais! Sua didática é incrível!!!!

[andredias]

Obrigado por compartilhar seu conhecimento

[jpcc]

Parabéns pelo conteúdo, muito didático como sempre!

[WandersonDavid_KariJobeBrasil]

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

[sucodelarangela]

Esses vídeos dos hooks estão ótimos! Vais falar sobre o useMemo também?

[rws-tec]

Estou fazendo seu curso de javascript da udemy, muito boa sua didática.

[alexon]

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: | HTMLInputElement>) => void,
value?: string,
type?: string,
label?: string,
autoComplete?: string,
ref?: any,
onBlur?: (e: FocusEvent<HTMLInputElement>) => void
}

o consumo deste component tá ssim
<Input label='E-mail' ref={inputRef} value={user.email} onChange={(e) => fnOnChange('email', e.target.value)} />

não consigo fazer o focus funcionar.... se alguém puder me ajudar

[m.coelho]

Show! Quantos hooks o react tem ?

React native tem todos os mesmos hooks ?

[danilo]

Como fazer isso com o Button do Material UI? Ele não possui esse REF

[Cookieukw]

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

[edubrasil]

Matheus tudo bem. Estou fazendo o curso Bootstrap e não consigo acessar as imagens. Vc pode me ajudar sou bem vovozão nisso

[Cookieukw]

uma pergunta, n era só criar uma variável normal invés de usar o use ref?🤔