Встречается на собеседованиях • сегодня
С помощью чего возможно оптимизировать работу со списком в React
Используй `React.memo` для мемоизации компонентов списка, чтобы избежать лишних ререндеров. Для больших списков применяй виртуализацию (например, `react-window` или `react-virtualized`), которая рендерит только видимые элементы.
Пример с `React.memo`:
```jsx
const MemoizedItem = React.memo(function Item({ item }) {
return );
}
```
Ключевые моменты:
- Всегда указывай уникальный `key` для элементов списка.
- Для сложных вычислений используй `useMemo` внутри компонентов списка.
- Если данные статичны, выноси рендер элементов в `useMemo` на уровне родителя.
{item.name}
;
});
function List({ items }) {
return items.map(item => 
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы