Кстати, на счёт симантики: Удобно, правда? Это я сейчас рандомную

Question

Чат экстремального погроммирования

Алексей Рево

Кстати, на счёт симантики: Удобно, правда? Это я сейчас рандомную

дрянь из компонентов взял...

#it #programming #russian #software

0

22.07.2022

9 ответов

7 просмотров

Mikhail Syrtsov

Кирилл Ефимов
Если это реакт Берешь Пишешь const ButtonOrWhatIs...

А разве это не будет увеличивать бандл tailwind? К тому же, оборачивая такой tailwind в компоненты, у тебя получится куча сложно читаемых styled компонентов

0

22.07.2022

Алексей Рево Автор вопроса

Кирилл Ефимов
Если это реакт Берешь Пишешь const ButtonOrWhatIs...

Вот, видишь, ты скатились к тому, что уже отказываешься от идей tailwind'а. Зачем тебе утилитарные классы, когда ты их можешь под капот закинуть. Зачем тебе писать "@include pt-4", когда можешь написать "padding-top: 4rem"? Я именно к тому и введу, что когда мы пытаемся лечить болячки TW, мы скатываемся до того, что отказываемся от atomic-css, и начинаем распихивать всё по семантическим классам. А какой следующий шаг будет потом, думаю и сам понимаешь...

0

22.07.2022

Кирилл Ефимов

Алексей Рево
Вот, видишь, ты скатились к тому, что уже отказыва...

Я с самого начала говорил что мне нравится именно комбинация какого-то рода инкапсуляции и тейлвинда, а не сам он в чистейшем виде

0

22.07.2022

Кирилл Ефимов

Алексей Рево
Вот, видишь, ты скатились к тому, что уже отказыва...

А что с этим не так? В моем примере мы инкапсилируем стили в компоненту В итоге у нас есть название компоненты которое описывает что это и внутри утилитарные классы которые без лишнего мусора максимально доходчиво тебе говорят что тут происходит Читаемость тейлвинда не сильно уступает оригинальному css и если не нравится его инлайновость можно попробовать писать по одному в каждой строке Типа @apply flex flex-column; Хз можно ли так, но если нельзя, тогда я не знаю зачем CSS делиметр в синтаксисе

0

22.07.2022

Mikhail Syrtsov

Кирилл Ефимов
А что с этим не так? В моем примере мы инкапсилиру...

Зачем тебе писать стандартные css свойства через apply?

0

22.07.2022

Кирилл Ефимов

Mikhail Syrtsov
Зачем тебе писать стандартные css свойства через a...

Не ну если очень хочешь можешь очевидные вещи писать вне тейлвинда, а менее очевидные в тейлвинде Или придерживаться чего-то одного что логичнее

0

22.07.2022

Алексей Рево Автор вопроса

Кирилл Ефимов
Я с самого начала говорил что мне нравится именно ...

Сам классами-утилитами пользуюсь. Но одно дело когда ты капсулируешь какой-то готовый шаблон, а другое когда у тебя от шаблона остаётся одно свойство. Тут как бы тоже меру порой надо знать, и не дублировать одну и ту же стилизацию на всех компонентах. Там проблема объёма css бандла уже не так критична становится. Уже не говорю, про асинхронные компоненты, которые с собой стили тащат. Моя основная боль в том, что TW это мёртвый подход, от которого бородатые дяди ещё в конце десятых избавились. Но как видишь, этот ужас возродился в новом обличии... И если раньше он считался анти-паттерном, то теперь это уже как вполне нормальный подход в уме джуно-мидлят.

0

22.07.2022

Кирилл Ефимов

Алексей Рево
Сам классами-утилитами пользуюсь. Но одно дело ког...

Не видел ни одного джуна которому тейлвинд был хоть как-то интересен И слышал очень много бреда что кто-то прыгает на тейлвинд не зная css Просто что Нельзя нормально пользоваться тейлвиндом не зная css И нравится он в основном тем людям кто попробовал много разных подходов и разочаровался в большинстве из них, а не тем, кто вообще ничего не пробовал еще

0

22.07.2022

Кирилл Ефимов · Accepted Answer

Кирилл Ефимов

Если это реакт Берешь Пишешь const ButtonOrWhatIsThisEvenIs = styled.div` @apply:'those ugly tailwind util classes' ` И в самом коде пишешь <ButtonOrWhatIsThisEvenIs /> В чем проблема?

0

22.07.2022

214 похожих чатов

Кстати, на счёт симантики: Удобно, правда? Это я сейчас рандомную

9 ответов

Похожие вопросы