Kiedy używać memo, useMemo i useCallback?

Najpierw sprawdzam, co naprawdę jest wolne. useMemo może zapamiętać wynik kosztownego obliczenia. useCallback pomaga zachować tę samą funkcję między renderowaniami, a memo może ograniczyć renderowanie komponentu przy niezmienionych props. To narzędzia do określonych problemów, nie obowiązkowa dekoracja każdego komponentu.

Jeżeli rodzic za każdym razem tworzy nowy obiekt props, może niweczyć część tych oszczędności. Czasem lepszym rozwiązaniem jest przeniesienie stanu bliżej miejsca użycia albo wyświetlanie tylko widocznych wierszy tabeli. Sprawdzam efekt profilerem, czyli narzędziem mierzącym wykonanie. Dostępne automatyczne optymalizacje zależą od wersji i konfiguracji projektu.