💚 Как мы создавали свой инструмент визуализации данных: читайте в новой статье на Хабре. Олег Косарев — ведущий инженер-программист, занимается развитием и поддержкой комплекса продуктов «Цифра. Диспетчер». В материале он рассказывает, как вместе с командой создавал MVP редактора аналитических панелей. Дашборды в Диспетчере помогают контролировать показатели оборудования и сотрудников, а также предлагают удобный интерфейс для принятия решений. За 10 месяцев команда из продакта, тимлида и 2 разработчиков прошла путь от первого коммита до внедрения редактора в Диспетчер и замены части стандартных бордов на новые. Сперва коллеги определили целевые улучшения в сравнении с прежним инструментом — DevExpress Business Intelligence Dashboard. Это добавление любых компонентов, снижение трудоёмкости работы с аналитическими панелями, упрощение взаимодействия и единый дизайн. Затем декомпозировали конкурента, нарезали эпики на задачи и приступили к разработке. Для клиентской части выбрали React + Redux, на бэкенд — ASP.NET Core. В работе с макетами остановились на библиотеке React Grid Layout в благодарность за динамику и адаптивность. На помощь с графиками пригласили Recharts на базе D3.js. Библиотека глубоко интегрирована с React, так что компонентный подход здесь подходит с максимальным эффектом. Затем взялись за конструктор запросов. В этом пригодился React Flow — удобный API для настройки узлов и сбора данных. С готовым конструктором коллеги уже смогли собрать дашборд. Всего же команда создала 16 компонентов и массу настроек для отображения. К каким выводам пришёл Олег с партнёрами по проекту, а также что ждёт разработку дальше — читайте в полном тексте статьи: https://habr.com/ru/companies/zyfra/articles/896302