Встречается на собеседованиях • сегодня
Какие фичи связанные с таблицами реализовывал
Реализовывал сложные таблицы с:
- Виртуальным скроллом для оптимизации производительности (react-window, react-virtualized)
- Сортировкой по колонкам (с кастомными правилами для разных типов данных)
- Фильтрацией (включая комбинированные фильтры)
- Пагинацией (клиентской и серверной)
- Drag-and-drop для строк/колонок
- Ресайзом колонок
- Кастомными ячейками (редактируемыми, с раскрывающимся контентом)
Пример реализации сортируемой таблицы:
```jsx
const Table = ({ data }) => {
const [sortConfig, setSortConfig] = useState(null);
const sortedData = useMemo(() => {
if (!sortConfig) return data;
return [...data].sort((a, b) => {
if (a[sortConfig.key] < b[sortConfig.key]) {
return sortConfig.direction === 'asc' ? -1 : 1;
}
return sortConfig.direction === 'asc' ? 1 : -1;
});
}, [data, sortConfig]);
const requestSort = (key) => {
setSortConfig(prev => ({
key,
direction: prev?.key === key && prev.direction === 'asc' ? 'desc' : 'asc'
}));
};
return (
);
};
```
| requestSort(col.key)}> {col.title} {sortConfig?.key === col.key && ( sortConfig.direction === 'asc' ? ' ↑' : ' ↓' )} | ))}
|---|
| {row[col.key]} | ))}

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы