Какой самый сложный компонент делал на React

Один из самых сложных компонентов — это кастомный виртуальный скролл для таблицы с динамической высотой строк и sticky-заголовками. Пришлось учитывать: 1. Оптимизацию рендеринга (render только видимых элементов) 2. Корректный расчет позиций при ресайзе 3. Поддержку горизонтального скролла 4. Синхронизацию скролла заголовков и тела Пример базовой реализации: ```jsx function VirtualScroll({ data, rowHeight, renderRow }) { const [scrollTop, setScrollTop] = useState(0); const viewportHeight = 500; const totalHeight = data.length * rowHeight; const startIndex = Math.floor(scrollTop / rowHeight); const visibleCount = Math.ceil(viewportHeight / rowHeight); const endIndex = startIndex + visibleCount; return ( ); } ```