Mit csinál a useMemo? Mikor kell használni? Be kell vonni a gyermekkomponenst a React.memo-ba?

useMemo — ez egy hook a Reactben, amely lehetővé teszi egy függvény eredményének memorizálását (gyorsítótárazását), hogy elkerüljük a szükségtelen újraszámításokat a komponens újrarenderelésekor.

A useMemo használata akkor javasolt, ha erőforrás-igényes számításokkal vagy összetett objektumokkal dolgozik, amelyeket nem kell szükségtelenül újra létrehozni.

Példa:

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

Itt a computeExpensiveValue csak akkor hívódik meg, ha az a vagy b változik.

A React.memo pedig egy HOC, amely memorizálja a komponenst, és megakadályozza annak újrarenderelését, ha a props nem változik.

A React.memo-t akkor érdemes alkalmazni, ha:

• a komponens gyakran renderelődik,
• és a props nem változik,
• és a komponens újrarenderelése költséges.

Összefoglalva:

• a useMemo optimalizálja a komponensen belüli számításokat,
• a React.memo optimalizálja az alkomponensek renderelését.

Mindkét eszköz együtt használható a teljesítmény növelése érdekében, de csak akkor, ha valóban szükséges, hogy ne bonyolítsa a kódot.