Как минимизировать перерендеры компонента при изменении пропсов?

1. React.memo:

• Компонент перерендерится только если изменились пропсы.

const MemoizedComponent = React.memo(MyComponent);

2. Примитивные пропсы:

• Сравнение происходит быстро (по значению).

<Component count={5} text="Hello" />  // Оптимально

3. Мемоизация функций/объектов:

const data = useMemo(() => ({ id: 1 }), []);
const onClick = useCallback(() => {}, []);

Вывод:
Комбинируйте React.memo, примитивы и useMemo/useCallback.