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

Какие знаешь способы мемоизации в React

В React есть несколько способов мемоизации:

  1. React.memo() - HOC для мемоизации компонентов. Запоминает результат рендера и перерисовывает только если изменились пропсы:
jsx
const MemoComponent = React.memo(MyComponent);
  1. useMemo - хук для мемоизации вычислений. Запоминает результат вычислений между рендерами:
jsx
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
  1. useCallback - хук для мемоизации функций. Полезен при передаче колбэков дочерним компонентам:
jsx
const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);
  1. Библиотеки типа reselect для мемоизации селекторов в Redux.

Мемоизация помогает оптимизировать производительность, избегая лишних вычислений и ререндеров. Но не стоит применять её везде - только там, где это действительно необходимо.

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

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

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

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы