Банковское «единое окно» для юрлиц
Роль: Senior Frontend Engineer · Длительность: 8 месяцев · Команда: 6 инженеров · Год: 2021
Коротко: Реализовал React/Redux-Saga флоу для регистрации юрлиц, настроил E2E тесты на Cypress и ускорил initial load на 40% за счёт code splitting в Webpack.
-38%
Задержка взаимодействия с редактором
-63%
Тикеты в поддержку по конфликтам
+21%
Еженедельные активные сессии
Обзор
Продукт позволял распределённым командам редактировать и ревьюить сложные документы в реальном времени. Текущая архитектура не гарантировала согласованность при нестабильной сети.
Контекст и проблема
Бизнесу нужна была collaboration‑система enterprise‑уровня со строгой аудитируемостью. Старый OT‑подход приводил к конфликтам мержа и всплескам нагрузки на поддержку в пиковые часы.
Архитектура
Клиент
Next.js App Router + локальное CRDT‑хранилище
Слой синхронизации
WebSocket‑шлюз + воркеры разрешения конфликтов
Платформа
Аудит‑стрим + аналитика + трейсы Sentry
Детали реализации
Добавил батчинг операций и откат optimistic‑мутаций.
Изолировал hotspots рендера мемоизированными селекторами состояния.
Перевёл оболочку редактора на streaming SSR для более быстрого first paint.
Зафиксировал release‑чеки: Vitest, Playwright, Lighthouse CI.
Результаты и выводы
Сессии совместного редактирования выросли на 21% после релиза.
Время решения инцидентов снизилось на 41% за счёт интеграции observability.
Команда научилась формализовать обработку конфликтов как переиспользуемые паттерны.
Стек и ссылки
React · Redux · Redux-Saga · Next.js · Node.js · Fastify · Cypress · TypeScript
Демо: #GitHub: #