Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-пуристами

[stranger777]

Сейчас в оригинале «by Web Purists» — веб-пуристами, не веб-разработчиками в целом. Пуризм — это стремление к сохранению чистоты, то есть консерватизм с уклоном в чистоту. Ну и пуристы — не буквализм плохого перевода, а сторонники пуризма. Слово редкое, поясняю для всех читателей.

[dom1n1k]

Очень странный заголовок. По-моему всё с точностью до наоборот: не "классный, но отвергнутый", а "стрёмный, но незаслуженно многими любимый".

[qertis]

Согласен. Его даже можно включить в стандартной поставке IDEA, а это о многом говорит.

[realpsninja]

Заголовок не мой, взял из оригинала.

[stranger777]

Сейчас в оригинале «by Web Purists» — веб-пуристами, не веб-разработчиками в целом. Пуризм — это стремление к сохранению чистоты, то есть консерватизм с уклоном в чистоту. Ну и пуристы — не буквализм плохого перевода, а сторонники пуризма. Слово редкое, поясняю для всех читателей.

[LabEG]

При упоминании Tailwind у меня проскакивает мысль: Миллениалы изобрели бутстрап.

[mikegordan]

Tailwind потрясающий когда ты пишешь компоненты как единный файл , например как у VUE .

А UI Framework DaisyUI я считаю идеальный вариант на основе Tailwind.

[Alinaki]

Отвергнутый пуристами, или любимый грязнулями?

[Andrew0610]

Изначально наверно подразумивается что тейлвинд будет использоваться с большой атомарностью кода. Мол когда у нас оч много малюсеньких компонентов, соеденяемых в систему. Да вот только в реальности есть дедлайны, переделки, и прочии прелести продакшна, когда порой все пихаешь в один компонент и ставишь себе туду на рефакторинг лишь бы успеть.

[XeL077]

Если нужно больше 5 свойств указать - заводим css файл с классом.

[rob2akhiyarov]

Мне не нравится то, как tailwind в своем основном подходе портит разметку. Люди пишут об использовании с маленькими компонентами, но в жизни так получается не всегда. Когда элементы остаются без семантических классов по тому же БЭМу, мне становится грустно.

Лично для себя в своих pet проектах нашел более удобный путь. Я заношу дизайн систему в конфиг tailwind и даю ему сформировать необходимые мне утилитарные стили. Если я пишу стили какой нибудь страницы, то оставляю классы по бэму, а прикольные и нужные вещи от tailwind заношу через apply в postcss

[XeL077]

Если пишешь компоненты на react/ vue / angular, то не думаешь категориями: шаблон и бэм.

Есть компонент, он атомарен, у него 5 свойств - можно через tailwind напихать вёрстку. Есть сложные стили > 5 свойств или наследование: используются css файл с селекторами или или css in JS. Закрывает 99%.

Мелкие компоненты остаются без css файла, крупные со сложным стилем отделены.

[ablik]

Вот смотрю я на первый попавшийся пример с главной страницы tailwindcss.com:

<div class="w-96 bg-white shadow rounded">

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