Шутка! На самом деле платформу мы сделали, чтобы измерять здоровье компонентов в отделе фронтенд-разработки ЮMoney. А на бананах с печеньем (и на кофемашинах) объяснили коллегам, как всё это работает.
Меня зовут Борис Рябов, я руководитель отдела разработки интерфейсов в ЮMoney. Расскажу, какие задачи нам помогает решать Health Check Dashboard во фронтенд-разработке, и покажу, как выглядит платформа изнутри.
Какая была проблема
В отделе фронтенд-разработки более 80 компонентов, за которыми нужно следить.
Есть много технологий, которые надо регулярно обновлять: React, Redux, TypeScript, Node.js и другие. Весь список можно посмотреть здесь.
Идёт параллельная работа над техдолгом в разных командах.
При этом мониторинга технического состояния компонентов недостаточно.
Слишком много ручных таблиц (по командам и компонентам), которые не обновляются автоматически.
Какие были требования к будущему инструменту
Нам хотелось:
Видеть все виды метрик (статистические, динамические, метрики качества кода) с разных инструментов (Grafana, Kibana, SonarQube) и дашбордов.
Выработать единый подход для разных технологий и отделов, чтобы инструмент подходил не только фронтенд-разработчикам, но и другим командам. Для этого нужно обеспечить независимость от разных языков программирования и стека.
Сделать инструмент, подходящий для всех. Чтобы у него был красивый и удобный интерфейс, с помощью которого можно строить отчёты, отслеживать статистику в динамике и наблюдать, как конкретная команда улучшила показатели за определённый промежуток времени.
Чтобы полученными данными можно было управлять, например фильтровать их.
Что у нас получилось
Универсальный инструмент для отслеживания здоровья компонент во всех командах и по всем продуктам.
Интересные статьи
Интересные статьи
