Расскажи про самый сложный кейс на прошлом месте работы

Разработка интерактивной карты с большим количеством динамических маркеров (10k+). Основная сложность — оптимизация производительности при частых обновлениях данных.

Решение:

• Использовал кластеризацию маркеров (Leaflet.markercluster)
• Реализовал виртуальный скроллинг для списка объектов
• Оптимизировал рендеринг через requestAnimationFrame
• Кешировал данные на клиенте с TTL

// Пример кластеризации
const cluster = L.markerClusterGroup({
  chunkedLoading: true,
  chunkProgress: updateProgressBar
});
map.addLayer(cluster);

Проблемы:

• Memory leaks при частых обновлениях
• Блокировка UI при массовом рендере

Фикс: Web Workers для обработки данных + debounce на обновлениях.