Фреймворк CSS может быть не самой лучшей идеей Перевод

CSS является одним из основных строительных блоков современного веб-интерфейса наряду с JavaScript и HTML, именно по этой причине для вас важно изучить его и иметь возможность использовать его без ограничений или, по крайней мере, чувствовать себя комфортно с ним.

Рамки CSS: избегайте излишеств

Хотя преимущества CSS-фреймворков реальны и способствуют быстрой разработке продукта или страницы, примите во внимание, что они не всегда являются лучшим вариантом.

Один случай может быть в более крупных проектах, где вам нужно точно настроить свой пользовательский интерфейс/UX, и просто работать с фреймворком большую часть времени будет означать создание хаков и обходных путей, когда это может быть более простым с использованием чистого CSS (даже больше, если вы используете препроцессор).

Легкие CSS-файлы

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

Бэкенд-перспектива

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

Опасности CSS-фреймворка

Это личная история, я разрабатывал личный проект для подсчета калорий в рецептах, я закончил бэкэнд и сразу же приступил к разработке интерфейса, я подумал:

Я должен использовать CSS-фреймворк, чтобы сделать это, и я могу настроить его позже…

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

Оказалось, что для настройки этого фреймворка я должен начать манипуляцию в Next.js только для того, чтобы получить желаемое, очевидно, я не мог заставить его работать Next.js не тратя на это много усилий. После нескольких дней поисков и попыток я сдался и вместо этого перешел на использование SASS без каких-либо рамок.

Если бы я начал без рамок, и я мог бы закончить часть стиля в два раза быстрее, чем я это сделал.

Заключительные мысли

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

На мой взгляд, фреймворки лучше всего работают, когда вам нужно быстро получить продукт, где уникальный дизайн и стили не нужны, с другой стороны, если вы хотите погрузиться в создание специального и уникального дизайна, я думаю, вам следует дважды подумать об использовании фреймворка и вместо этого попытаться просто использовать CSS (это включает препроцессор).

Источник: dev.to