Tailwind-css | Александр Водолазских | Moscowcss х СберМаркет Tech Meetup 2023

Александр Водолазских, Frontend domain lead в СберМаркете, развеет миф, что Tailwind можно использовать в лучшем случае для прототипов.
Мы Tech-команда, которая создает e-grocery сервис #1 в России и делает это с любовью.
Telegram: t.me/sbermarket_tech VK: sbermarket_tech
Блог на Хабре: bit.ly/habr-all
Вакансии: team.sbermarket.ru/tech
Подкаст «Для tech и этих»: bit.ly/dlya-tech-i-etich-podcast

[@Denisqa-ke1xo]

Спасибо!

[@user-nh4im8ln8c]

А можно ли чтобы не было той портянки в разметке выносить все в отдельные css файлы?
Например для компонента Button в файле разметки создать только класс и создать отдельный css файл и написать там следующее. Будет ли это удобнее?
.login-btn {
@apply mb-3;
@apply bg-primary;
@apply text-white;
@apply rounded-md;
@apply px-10;
@apply py-2;
@apply hover:bg-primary_hover;
@apply transition delay-[40ms] ease-in;
}

[@alexvodolazskikh3156]

Можно, но здесь теряется простота tw, и в долгосрочной перспективе это может усложнить дебаг)

[@user-fm6qt4gw6e]

Можно написать только один @apply и после него все классы

[@daiske2867]

а зачем так делать в целом вопрос? Раз уж делается так, то в чем проблема создать просто ксс модуль?