Мы внедряем Storybook на легаси-проекте и заранее пообещали рассказать, если он не взлетит

В сфере искусственного интеллекта произошло заметное событие. valeryan15 4 минуты назад Мы внедряем Storybook на легаси-проекте и заранее пообещали рассказать, если он не взлетит Средний 8 мин 10 Блог компании Modus BI Визуализация данных * Программирование * Управление проектами * Кейс Честный рассказ команды Modus , которая только что завела Storybook поверх большой легаси-базы: зачем стартуем, чего ждём и как через полгода проверим, какие получили результаты. Представьте, что разработчику нужно поправить одну кнопку — отступ или состояние наведения. Работы на минуту, но для этого необходимо поднять всё приложение, залогиниться и прокликать половину интерфейса до нужного экрана.

К третьему заходу проще остановиться на «вроде норм», чем повторять этот цикл ради мелочи. Нам это надоело и мы решили попробовать Storybook. А заодно — поставить над собой небольшой эксперимент.

Технические детали

Интересно, что про Storybook уже есть много статей, но почти все они одинаковы: «внедрили — и все наладилось». Такие кейсы написаны постфактум, поэтому любой старт легко выдать за гениальный план, а сомнительные гипотезы — за «стратегическое видение». Только пользы от этого мало: вывод есть, но он «смазывает» процесс.

Мы в Modus выбрали другой путь — из точки «запустили проект и понятия не имеем, все чем кончится». В статье расскажем почему выбрали Storybook, как начинали, с какими проблемами столкнулись и что будем измерять. Если вы сейчас решаете, тащить ли Storybook в уже живой проект, и хотите увидеть честный старт, а не сухой результат — этот материал для вас.

Почему мы стартуем не с нуляДело в том, что Modus BI — это зрелое веб-приложение: React 16, Webpack 5, MUI, TypeScript, i18next, Redux Toolkit. Под капотом — сотни компонентов, накопленных за годы и написанных разными людьми, с разными привычками и представлениями о том, «как правильно». И это меняет вообще всё.

Отраслевые последствия

Одно дело — развернуть красивый инструмент на чистом репозитории, где ты сам решаешь, как всё будет устроено. И совсем другое — втащить его в проект, у которого уже есть своя история, привычки и особенности. Разница огромная: в туториалах показывают идеальную лабораторию, а у нас — «обжитой дом», который нельзя снести и построить заново.

Поэтому и старт у нас сознательно скромный. Цель не «покрыть весь проект историями», а проверить инструмент на ограниченном наборе компонентов и по факту решить, стоит ли двигаться дальше. Мы не нахваливаем Storybook авансом — мы его тестируем.

С чего всё началосьТриггером стало обновление MUI — с древней 0. 19 сразу на пятую версию. Так как между этими версиями целая пропасть — другое API, система тем, подход к стилизации — быстро обновиться не получилось.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.