Как работает memo

`memo` — это HOC (Higher-Order Component) в React, который предотвращает ненужные ререндеры компонента, если его пропсы не изменились. Он сравнивает предыдущие и новые пропсы поверхностно (shallow compare). Пример: ```jsx const MemoizedComponent = React.memo(function MyComponent({ text }) { return ; }); // Перерендерится только если изменится пропс 'text' ``` Нюансы: 1. Не заменяет `useMemo`/`useCallback` для оптимизации дочерних компонентов 2. Поверхностное сравнение можно переопределить вторым аргументом: ```jsx React.memo(Component, (prevProps, nextProps) => { return prevProps.id === nextProps.id; // кастомная логика сравнения }); ``` 3. Бесполезен, если компонент использует контекст или стейт