Дизайн-системы · В проде
Модуль комментариев
Переиспользуемое обсуждение уровня мессенджера: треды, реакции, упоминания, голосовые, rich-text.
- Роль
- Frontend Developer
- Период
- 2024—сейчас
- Стек
- Vue 3 · TypeScript · WebSocket · Pinia · SCSS · Storybook
Обсуждение, которое встраивается в любую сущность продукта: задачу, документ, проект — без копирования кода и без отдельной реализации на каждом экране.
Задача
Комментарии в продукте были нужны в нескольких местах, и каждое место норовило получить свою версию: свой ввод, своё дерево ответов, свои реакции. Такой набор расходится через месяц: где-то нет упоминаний, где-то нет цитирования.
Решение
Собрал один модуль с полным набором взаимодействий мессенджера: древовидные треды, реакции, цитирование, упоминания, голосовые сообщения, интеграция с rich-text-редактором. Модуль подключается к любой сущности и не знает, во что он встроен, — тот же принцип, по которому написан этот сайт.
Результат
Комментарии перестали быть фичей экрана и стали возможностью продукта. Новое место подключает готовое обсуждение, а не пишет его заново.