R50 ca2fd48d9173ae1e0fec1349d1aae13c
Фронтэнд

Редактор схем на React.js

Добавлено 28 мар 2022 в 14:42
Редактор блок-схем для внутренних нужд проекта в сфере телекоммуникаций.

Основной смысл: блоки перетаскиваются по листу и соединяются стрелками. Реализован полный набор UX возможностей: удобная навигация, инструменты, буфер обмена... Стрелочки пролегают автоматически огибая блоки, но можно и перерасполагать их, потянув в любой точке.

Технический решения:
- React + SVG
- FRP-подход

Успехи:
- Более чем за год эксплуатации не обнаружено багов
- Производительность не деградирует вплоть до порядка сотен блоков (порядка тысячи стрелок), в том числе групповые операции, в том числе поиск путей для стрелок (он происходит в фоне)

Так же я принимал участие в проектировании формата данных и модели редактирования для устойчивого к сбоям и ошибкам взаимодействия с сервером.
D07a89486e