16 вопросов с ответами по теме «Мемоизация в React»
16 вопросов
Что проверяют на интервью
Как устроена подборка
Подборка о том, что сохраняют React.memo, useMemo и useCallback и когда это влияет на повторные вычисления и рендеры. Есть вопросы о сравнении props, ссылках на объекты и функции, зависимостях и выборе оптимизации.
Это происходит потому, что объекты в JavaScript сравниваются по ссылке, и при каждом новом создании объекта ссылка меняется, даже если содержимое одинаковое.
React.memo — это компонент высшего порядка, который оптимизирует функциональные компоненты, предотвращая их повторный рендеринг, если пропсы не изменились.
Проблема stale closure в useCallback возникает, когда замыкание захватывает устаревшие значения из окружения, и при этом в dependency array не добавляются зависимости, чтобы избежать лишенных перезапусков.
useMemo — это хук React, который мемоизирует результат вычисления функции, чтобы не пересчитывать его при каждом рендере, если зависимости не изменились.
React.memo — HOC, предназначенный для оптимизации рендеринга сохраняет результат рендеринга компонента по умолчанию выполняет поверхностное сравнение пропсов исключает лишние рендеры, когда пропсы остаются прежними…
