Explicando o hook useCallback ! Dicas avançadas de performance para React JS
ฝัง
- เผยแพร่เมื่อ 25 พ.ย. 2024
- Se cadastre na minha lista de email para receber as comunicações em primeira mão : www.joaobibian...
-----------
Neste vídeo eu trago a você algo que precisei investir muito tempo para entender: como funciona o ciclo de renderização do React JS e como o hook useCallback funciona.
Também te mostro os tradeoffs de seu uso, e quando você precisa ou não se preocupar com isso, para tornar sua aplicação muito mais performática e rápida com React JS
Fiquem ligados que vem muito mais!
Me siga no instagram @joaovbibiano
🚀 Conquiste a sua liberdade financeira com a programação em 2022!
🔥 Desafio A Rota da Programação Front-end. 100% Ao Vivo e Gratuito. Inscreva-se.
👉 joaobibiano.com.br/inscricao-desafio
Foi o único vídeo que eu consegui entender o hook, muito obrigado
Que bom que o vídeo ajudou! 😊 O hook useCallback pode ser meio confuso no início. Se precisar de mais dicas sobre hooks ou qualquer outra coisa do React, é só falar!
Caramba, que aula! 10 minutos que nem vi passar, muito esclarecedor mesmo.
Parabéns! Acabei de assistir 4 videos sobre o mesmo assunto, porém o seu foi o mais claro e objetivo que vi!
Que ótimo Nicolas... Obrigado pelo comentário!! Fica ligado que é só o começo!!
primeiro video sobre usecallback que eu consegui entender de forma fácil, parabens!!
valeu!
Melhor explicação parabéns !
Obrigado!
Aproveita e se inscreve no canal para não perder os próximos!
Assisti vários vídeos sobre o assunto e o seu me fez entender logo nos primeiros 4 minutos, sensacional!
Muito bom saber Walter! Obrigado e seja bem vindo
Parabéns Bibiano. Excelente explicação. Havia antes entendido sobre memorização de valor porém desconhecia a deficiência em caso de supressão do array de dependência. Massa!
valeu pelo feedback!
Sensacional!! Ótima explicação, deixou extremamente claro tudo que foi passado. Valeu João! +1 sub
Opa muito obrigado pelo feedback ;) é só o começo por aqui
A tua didática é sensacional, cara. Parabéns e obrigado pelos conteúdos!
Cara que explicação incrível e simples. Mesmo com déficit de atenção consegui entender de primeira
Valeu Thiago! Tamo junto
Excelente explicação. Sem rodeios.
Valeu Daniel! Já aproveita e se inscreve no canal
Obrigado
ótima explicação
Das melhores aulas sobre useCallback que vi. Muito bom.
Valeu demais pelo feedback! Fico feliz que você gostou da aula sobre o useCallback. Se precisar de mais dicas ou tiver dúvidas, só chamar!
Muito bom, obrigado pela explicação.
Obrigado pelo comentário!
muito bom o video muito obrigada
Parabéns João! Vídeo top, dinâmico e explicativo. Valeu!
Obrigado pelo feedback!!
Sensacional!!
Parabéns pela incrível didática João!
Opa valeu Tiago! Obrigado pelo comentário
Vim atrás de uma dica, acabei achando 2. Ótimo conteúdo! 😁
Que bom que você curtiu! 😄 A ideia é sempre passar mais dicas pra vocês. Se precisar de mais alguma coisa, pode perguntar! Tamo junto nessa jornada!
show!
muito boa sua didática, estou estudando Hooks e meu ajudou muito. vlw
Muito bom, parabéns!
Obrigado pelo comentário Thales! Fica ligado que vem muito mais
Muito bom!!!!!
Obrigado Daniele!
Parabens muito bom o video!!
Valeu Brunno! Fica ligado que é só o começo!!
Ótima explicação! 👏
Opa Eduardo, Obrigado pelo Feedback cara!
É só o começo :)
show de bola man, só uma sujestão se puder aumentar a fonte do code seria otimo pra enxergar melhor
Opa, esse foi um vídeo antigo, pode deixar que nos próximos eu ajusto
O vídeo sobre o react-window será muito bem vindo :)
Anotado André, valeu
th-cam.com/video/bRPUj0AKFgs/w-d-xo.html
Sensacional!!! 👏👏👏👏
Boa Paulo!
Muito bom, parabéns João, seria uma boa mesmo o vídeo do ReactWindow!!
Vou preparar Cortez! Abraço
muito bom! manda o react window ai!
th-cam.com/video/bRPUj0AKFgs/w-d-xo.html está ai! Obrigado pelo comentário!
poderia usar para setar os caracteres do input em um state sem renderizar o input?
sim
Opa, blz? Conteúdo muito top. Muito bem explicado. Mas em 2:45 voce citou que, quando criamos uma named function ao invés de usar uma função anônima, nós estamos RECRIANDO uma referência na memória. Mas não é EXATAMENTE ISSO que a named function evita? Teoricamente, ela só criaria a primeira referência a função updateName durante o render inicial do componente e quando chamada, não recriaria uma referência, sendo uma função named, mas sim usando a referencia JÁ CRIADA por não ser uma função do tipo anônima. Isso é contrário ao que voce ensinou e gostaria de saber qual dos 2 conceitos está correto: o que você apresentou ou este que estou trazendo. Consumo de memória é algo MT importante. Obrigado!
O que eu disse está correto, para evitar isso tem que usar o useCallback.
👏
Thanks man!
quando uma renderização ocorre novamento o estado não é resetado ne? todas linhas do js no componente sao reexecutadas exceto a atribuição de estado iniucial?
Exatamente! Quando uma renderização ocorre, o estado mantém seus valores. A única coisa que é reexecutada é o código do componente, mas a atribuição do estado inicial só rola na primeira renderização. Boa pergunta! Se precisar de mais detalhes, tô aqui!
qual tema vc usa no vs code?
Que legal que você perguntou! Eu uso o tema "Dracula" no VS Code, é bem bonito e facilita a leitura. 😉 E você, qual tema prefere?