Что мы на нём делаем
На Tailwind мы стилизуем браузерный интерфейс. Утилиты собираются прямо в разметке, отступы и цвета берутся из общей шкалы, а не из значения, которое кто-то напечатал, и в итоговую таблицу стилей попадает только то, что реально используется.
Задача, которую он решает, — не написать CSS, а удалить его. В обычной таблице стилей класс никто не убирает, потому что никто не может доказать, что он не используется: файл растёт всю жизнь проекта, и каждое изменение несёт риск сломать что-то в другом месте. С утилитами удаление компонента удаляет и его стили — потому что стилей нигде больше и не было.
Где он нужен
В каждом веб-фронтенде, который мы делаем, — на Vue и Nuxt. Этот сайт на Tailwind, как и админки и интерфейсы мерчантов, которые мы делаем рядом с бэкендами.
Лучше всего он работает с небольшим набором вынесенных компонентов, а не с повторяющимися строками утилит: дизайн-система живёт на уровне компонентов, а утилиты её выражают.
Когда мы его рекомендуем
Практически для любого нового фронтенда. Единообразие, которое он навязывает, важнее всего там, где к интерфейсу прикасаются несколько разработчиков, — именно тогда рукописный CSS расходится быстрее всего.
Плохо подходит он там, где вы не владеете разметкой, или в проекте, который обязан отдавать семантические имена классов внешнему потребителю. И сам по себе он не дизайн-система: без вынесения компонентов «утилиты повсюду» превращаются в собственный вид дублирования.
