Как оптимизируешь Relayout при добавлении карточки в середину списка карточек

Для оптимизации relayout при добавлении карточки в середину списка: 1. **Используй ключи (key)** - React использует их для эффективного сравнения элементов. Уникальные ключи помогают избежать полного перерендера списка. ```jsx {items.map(item => ( ))} ``` 2. **Virtualization** - библиотеки типа `react-window` рендерят только видимые элементы, уменьшая количество DOM-операций. 3. **CSS contain** - свойство `contain: content` изолирует изменения layout внутри элемента. 4. **Избегай инлайн-стилей** - они вызывают синхронные пересчеты стилей. 5. **Batch updates** - группируй обновления состояния через `useTransition` или `unstable_batchedUpdates`. Пример с react-window: ```jsx import { FixedSizeList as List } from 'react-window'; {Row} ``` Оптимизации работают лучше всего в комбинации.