GiseleBCSantos
commented
3 weeks ago Por mais que a sintaxe dos 3 seja semelhante (é passado como parametro uma função e uma array de dependencias), seu uso pode ser diferente pois, no caso do useEffect, a função passada só será executada caso o valor de algum elemento da array de dependencias seja alterado (até ai é semelhante aos outros, o que vai diferenciar é o uso dos outros 2).
No useMemo a sintaxe é igual (useMemo(funcao, dependencyArray)), mas ele retorna um dado (array, objeto, string), onde não será renderizado novamente a cada nova renderização do component, pois o seu valor fica inalterado, até que algum item de sua array de dependencias seja alterado.
No useCallback a sintaxe é igual (useCallback(funcao, dependencyArray)), mas ele guarda um valor de referencia para uma função. Entao se uma funcao é utilizada dentro de um component filho1, ela será a mesma, mesmo que uma função semelhante seja utilizada dentro de um component filho2 (irmão do primeiro).
Entender o que são e como funcionam os hooks abaixo: