Glajik / diet-routine

Food Diary Web Application. Allows you to keep track of calories, and adhere to the selected diet.
MIT License
10 stars 1 forks source link

Tailwind CSS Overview #6

Open Glajik opened 4 years ago

Glajik commented 4 years ago

Напишите в комментариях ответы на вопросы

AndriiStolitnii commented 4 years ago

Как я понял, Tailwind отличается от других CSS-фреймворков подходом к определению стилей. В других фреймворках используется компонентный подход (они предоставляет готовые к использованию стилизованные компоненты), в то время как Tailwind CSS предлагает подключать готовые стилизованные классы к различным элементам. Отсюда следует, что Tailwind гораздо легче настроить под себя (сделать так, чтобы дизайн отличался от подобных сайтов), но при этом по сути ты пишешь (хоть и в сокращенном виде) все CSS-свойства, которые хочешь применить через классы внутри HTML-компонента. Еще одно преимущество такого подхода - нам не нужно хранить и определять стили в CSS-файле, мы можем управлять стилем прямо в React-компоненте, просто добавляя классы компонентам. Также, на больших проектах с множеством элементов и классов очень удобно что тебе не нужно перескакивать в другой файл, чтобы посмотреть какие там стили применяются к этому классу - ты это видишь и понимаешь сразу из компонента. Мне кажется, что этот фреймворк набирает популярность, потому что хорошо сочетается с программированием на component-based фреймворках, как React, и более простой кастомизации стилей, чем другие CSS-фреймворки