С компонентами какой сложности работал

Работал с компонентами разной сложности: от простых UI-элементов (кнопки, инпуты) до сложных составных компонентов (модалки, таблицы с сортировкой/фильтрацией) и контейнерных компонентов (роутинг, состояние приложения). Пример сложного компонента — **DataTable** с: - Виртуальным скроллом - Динамической подгрузкой данных - Кастомной сортировкой/фильтрацией - Ленивым рендерингом ```jsx const DataTable = ({ data, columns, onSort }) => { const [sortedData, setSortedData] = useState(data); const handleSort = (key, direction) => { const sorted = [...data].sort((a, b) => direction === 'asc' ? a[key] - b[key] : b[key] - a[key] ); setSortedData(sorted); onSort?.(sorted); }; return ( {/* Заголовки с сортировкой */} {columns.map(col => ( ))} {/* Тело таблицы с виртуальным скроллом */} {sortedData.map(row => ( {columns.map(col => ( ))} ))}

handleSort(col.key, 'asc')}> {col.title} ↑↓
{row[col.key]}

); }; ``` Также работал с **Compound Components** (например, `Tabs`, `Accordion`) и **HOC**-компонентами.