Podemos usar useMemo y React.memo dentro del componente funcional

• React.memo: se utiliza para memorizar componentes.

Suponga que tiene dos componentes , dos de los cuales están en el mismo nivel , y el otro componente es el padre de estos dos componentes. Pasamos nuestros estados del componente padre a los hijos. Cuando se realiza un cambio en uno de los componentes secundarios, el otro componente secundario se re-rendered . React.memo se utiliza para evitar que se vuelva a renderizar.

• React.useMemo: se utiliza para memorizar el valor

Cuando nuestros cálculos están permitidos en una función over, esta función se representa con cada nueva representación del componente. Usando useMemo , configuramos useMemo para que se vuelva a procesar solo en ciertos casos