Что лучше использовать: SCSS или tailwind css?
Изучаю сейчас Tailwind и слышал от некоторых фронтенд разработчиков, что в любом случае надо будет учить SCSS/SASS т.к это препроцессоры которые обязательны в проекте. Так ли это?
Tailwind и SCSS - абсолютно разные инструменты, используемые для абсолютно разных целей. Единственное, что их объединяет - полное отсутствие необходимости их использования.
Tailwind - деградация вёрстки до уровня 27-летней давности. Вместо того, чтобы полностью отделять стилизацию от HTML (к чему пришёл HTML4 в 1997 году), Tailwind намертво впечатывает стили в HTML-код. Просто вместо прописывания в HTML-теге кучи атрибутов (как было в HTML3) используется прописывание в HTML-теге кучи классов, каждый из которых используется для назначения HTML-тегу типового CSS-свойства.
Да, в некоторых проектах SCSS продолжают использовать. И потому, что проект старый, и потому, что разработчикам так привычнее, и потому, что менеджеры, руководящие проектами, ни о чём ином не слышали.
Когда в CSS не было переменных, SCSS имел смысл. Но нативные CSS-переменные обеспечивают возможности, которые ни одному CSS-препроцессору и не снились.
SASS/SCSS - всего лишь примитивная надстройка над CSS, позволяющая верстальщику писать чуть меньше кода - ценой раздувания отдаваемого браузеру CSS-файла, генерируемого препроцессором. Там нет ничего, что требует долгого и вдумчивого изучения. И нет ничего, что заменяло бы знание нативного CSS. Ну потратишь ты несколько ЧАСОВ на изучение SCSS - в чём проблема-то? А в результате будешь чуть быстрее генерировать менее качественный CSS.
Лучше пользоваться тем, что удобнее именно вам. Мне вот, например, в падлу для каждого компонента в React создавать отдельный файл стилей, поэтому я решил пользоваться Tailwind. Каждый компонент — это просто JSX-файл без папок и вложенностей, что очень удобно.
после ядерного взрыва наведенные в электрических схемах токи сожгут все компы и другую технику. Лучше изучай огородное дело, кузнечное дело, скоро все компьютеры останутся только на картинках в радиоактивных книжках в заброшенных библиотеках на поверхности
Ты прикалываешься? "Выучить" любой css препроцессор можно за минуту, главное что тебе от него нужно это нестинг, и все. Он составляет 80% полезного функционала в препроцессорах.
scss
button {
background: red;
&:hover {
background: blue;
}
}
Все, теперь ты знаешь scss и осатльные препроцессоры
Миксины и операции с цветами это остальной функционал, который уже ситуативный, лично у меня не было моментов, когда было бы удобно это использовать. А переменные которые предлагали препроцессоры уже не нужны, ведь в нативном css есть псевдокласс root, где ты можешь задавать переменные и даже через js с ними взаимодействовать как я слышал
а чем тебя обычный css не устраивает?