Клиентская часть создана с помощью React. Она модульная и состоит из компонентов.
Существует 3 основных типа компонентов:
- Сервисы — общий набор компонентов, все сервисы полностью независимы
- Комплексные компоненты — компоненты с логикой обработки данных
- Простые компоненты — компоненты без логики обработки данных
Хотя он встроен в монолитный набор файлов HTML, CSS и JS, легко добавить новый модуль и создать конкретный пользовательский интерфейс, используя только определенные модули для конкретного развертывания.
Для отображения картографических даннных был выбран Mapbox. Фронтенд способен отображать как данные в реальном времени, так и архивные данные с хорошей производительностью. Для получения данных и уведомлений в режиме реального времени мы используем протокол WebSocket.