Приведи пример интересного кейса из твоего опыта

Разрабатывали интерактивную карту для логистического сервиса с анимацией маршрутов. Проблема: при большом количестве маркеров (500+) карта лагала.

Решение:

1. Кластеризация маркеров (использовали библиотеку supercluster)
2. Виртуализация – рендерили только маркеры в области просмотра
3. Web Workers для тяжелых вычислений

// Пример кластеризации
const cluster = new Supercluster({ radius: 80 });
cluster.load(points); // массив координат

// При движении карты
const visibleMarkers = cluster.getClusters(
  [mapBounds.west, mapBounds.south, mapBounds.east, mapBounds.north],
  Math.floor(map.getZoom())
);

Результат: 60 FPS даже на слабых устройствах. Кейс показал важность оптимизации рендеринга в data-intensive приложениях.