Дизайн-системы · В проде

Модуль комментариев

Переиспользуемое обсуждение уровня мессенджера: треды, реакции, упоминания, голосовые, rich-text.

Роль
Frontend Developer
Период
2024—сейчас
Стек
Vue 3 · TypeScript · WebSocket · Pinia · SCSS · Storybook

Обсуждение, которое встраивается в любую сущность продукта: задачу, документ, проект — без копирования кода и без отдельной реализации на каждом экране.

Задача

Комментарии в продукте были нужны в нескольких местах, и каждое место норовило получить свою версию: свой ввод, своё дерево ответов, свои реакции. Такой набор расходится через месяц: где-то нет упоминаний, где-то нет цитирования.

Решение

Собрал один модуль с полным набором взаимодействий мессенджера: древовидные треды, реакции, цитирование, упоминания, голосовые сообщения, интеграция с rich-text-редактором. Модуль подключается к любой сущности и не знает, во что он встроен, — тот же принцип, по которому написан этот сайт.

Результат

Комментарии перестали быть фичей экрана и стали возможностью продукта. Новое место подключает готовое обсуждение, а не пишет его заново.

Все работы