Встречается на собеседованиях • сегодня
Какие знаешь способы оптимизации рендеринга в React
Используй `React.memo` для мемоизации компонентов и предотвращения лишних ререндеров при неизменных пропсах. Для сложных вычислений применяй `useMemo`, а для колбэков — `useCallback`.
Разбивай большие компоненты на мелкие, чтобы локализовать обновления. Избегай инлайновых функций и объектов в пропсах — они создают новые ссылки при каждом рендере.
Пример с `React.memo`:
```jsx
const MemoizedComponent = React.memo(function MyComponent({ data }) {
return
{data}
;
});
```
Для списков используй `key` с уникальными стабильными значениями. Виртуализируй длинные списки с библиотеками типа `react-window`.
Используй `React.lazy` + `Suspense` для ленивой загрузки компонентов. Оптимизируй контексты — разделяй их или используй селекторы.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы