Встречается на собеседованиях • сегодня
Для чего нужна мемоизация в React
Мемоизация в React используется для оптимизации производительности, предотвращая лишние вычисления и ререндеры компонентов. Она кэширует результаты вычислений и возвращает их при одинаковых входных данных.
Основные инструменты мемоизации:
- `React.memo` - для компонентов
- `useMemo` - для значений
- `useCallback` - для функций
Пример с `useMemo`:
```jsx
const expensiveCalculation = useMemo(() => {
return computeExpensiveValue(a, b);
}, [a, b]); // Пересчитывается только при изменении a или b
```
Пример с `React.memo`:
```jsx
const MyComponent = React.memo(function MyComponent(props) {
// Рендерится только при изменении props
return
{props.value}
;
});
```
Используйте мемоизацию для тяжелых вычислений или когда пропсы часто не меняются. Но не злоупотребляйте - лишняя мемоизация может ухудшить производительность.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы