В любом фреймворке есть проблемы, можно посмотреть на два, которые находятся на разных полюсах: Bootstrap и Tailwind.
Используя компоненты, в Bootstrap: class="btn btn-primary"
https://bootstrap-4.ru/docs/4.0/components/buttons/
Мы можем получить повторы и избыточность в css.
А описывая кнопку, например, в Tailwind:
class="inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"
https://tailwind-elements.com/docs/standard/components/buttons/
Мы получаем избыточность в html и полный ужас для чтения.
Ещё часто встречаю, например, w30
. Подобные сокращения. 30
— это пиксили, а w
означает width
. Таким образом, для программиста название w30
было способом указать, что тут используется width: 30px
. Это надо же было додуматься!
w30
используются и на этом сайте.