Дизайн-системы · В проде
Миграция на Vue 3 и UI Kit
Перенос архитектуры с Vue 2 на Vue 3 и единый UI Kit вместо разошедшихся копий компонентов.
- Роль
- Frontend Developer
- Период
- 2024—2025
- Стек
- Vue 3 · TypeScript · Pinia · Vuex · SCSS · Storybook · Vite
Перевод продукта с Vue 2 на Vue 3 и сборка UI Kit — параллельно с продуктовой разработкой, без остановки релизов.
Задача
Приложение на Vue 2 с накопленным легаси: устаревшие компоненты, разные стилевые паттерны в разных модулях, дублирующиеся решения одной и той же задачи. Останавливать продукт на переписывание нельзя.
Решение
Перенёс архитектуру и ключевые модули на Vue 3, сокращая легаси-код по мере движения. Параллельно переписал устаревшие компоненты в UI Kit и унифицировал стили и паттерны, чтобы новые экраны собирались из общего набора, а не из копий. Плюс code review и разбор архитектурных решений в команде из шести фронтенд-разработчиков.
Результат
Продукт на актуальном фреймворке, компоненты — в одном месте с одним набором правил. Стилевые расхождения между модулями перестали появляться сами.