Знакома ли вам эта классическая ловушка «косметического ремонта»? Ты решаешь просто поменять плинтуса в гостиной, чтобы смотрелось поаккуратнее. Снимаешь старый плинтус — за ним отваливается кусок обоев. Тянешь за обои — осыпается штукатурка. Решаешь подштукатурить — понимаешь, что проводку тоже пора менять. И вот, спустя неделю, ты стоишь посреди бетонной коробки в облаке пыли, в одной руке перфоратор, в другой — смета, превышенная в три раза, и думаешь: «А ведь со старыми плинтусами было не так уж и плохо».
Именно такой «ремонт» мы на днях устроили под капотом switchnote.
Ради удобства и будущего масштабирования платформы я решил переехать на классное, современное и готовое решение — Tailwind CSS. Звучит как сказка: никаких больше портянок стилей, всё собирается утилитарными классами прямо в разметке, красота и скорость.
Но реальность ударила по лбам. В процессе переезда проект ожидаемо угодил в транзитное состояние, застряв между двумя мирами.
Что пошло не так? Tailwind сбросил базовые стили браузера, и эти новые правила намертво схлестнулись со старыми тяжелыми классами-обертками (вроде .main-wrapper или .stats-grid) в моих Vue-файлах. Идеально выверенная сетка рухнула, отступы сломались, а интерфейс стал выглядеть так, будто его собирали в темноте из случайных блоков.
Но есть и хорошие новости: у нас в арсенале всегда есть бэклоги и спасительные бэкапы, так что нам есть на что опереться и откуда вытащить нужную логику.
Прямо сейчас конфликт стилей в самом разгаре! И для того, чтобы подобные баги не плодились в коде в будущем, я полностью переписал инструкции для ИИ-ассистентов и ввёл новые жёсткие протоколы разработки. Раньше у нас был только один — «Протокол Тесла», но проект растет, и теперь правила игры стали куда серьёзнее.
Любая глобальная перестройка — это всегда немного хаос и разрушения перед тем, как станет по-настоящему круто. Зато когда эта «Война бесконечности» закончится, интерфейс switchnote станет лёгким и предсказуемым, а код — чистым. Щелчок Таноса по старым стилям пойдет проекту только на пользу.
👇 И напоследок, вопрос в чат:
Спускайтесь в комментарии и делитесь своими теориями! Как вы думаете, почему мой самый первый архитектурный свод правил получил кодовое название «Протокол Тесла»?
Пишите свои самые безумные или логичные догадки, а правильный ответ я раскрою в одном из следующих эпизодов. Ну, или же в комментариях!
PS: всячески приветствуются репосты и подписки!