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