Встречается на собеседованиях • сегодня

Работал ли с React.memo

React.memo — это HOC для оптимизации производительности, который мемоизирует результат рендера компонента. Он предотвращает лишние ререндеры, если пропсы не изменились.

Пример использования:

jsx

const MyComponent = React.memo(function MyComponent(props) {
  // рендер компонента
});

// Или с кастомной функцией сравнения
const MemoizedComponent = React.memo(
MyComponent,
(prevProps, nextProps) => {
return prevProps.value === nextProps.value;
}
);

text


Когда использовать:
- Компонент часто ререндерится с одинаковыми пропсами
- Рендер компонента "дорогой" (сложные вычисления)
- Компонент чисто отображающий (не имеет состояния)

Не стоит использовать:
- Для компонентов, которые часто получают новые пропсы
- Если проверка пропсов сложнее самого рендера
- Для компонентов с собственным состоянием (если только оно не мемоизировано)

Важно помнить, что `React.memo` сравнивает пропсы поверхностно (shallow compare), для сложных структур данных нужно реализовать кастомную функцию сравнения.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы