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

Всем привет. Планирую большой проект на реакте (next.js) Выбираю инструменты для работы,

изучаю подходы.
Наткнулся на расхайпованный tailwind.css
У него масса очевидных недостатков на которых закрывают многие глаза.
Потому я хочу его взять как библиотеку позволяющую мне писать классы для сущностей не имеющих четкой регламентации и не пренадлежащие конкретному маленькому компоненту (атому), то есть применять для составных компонентов или просто верстке локального статического характера (молекулы, организмы).
Сами же компоненты писать в привычном мне стиле - css/scss модули.
Сами tailwind не рекомендуют такой подход почему-то..

Отсюда вопрос к комьюнити - стоит ли использовать tailwind.css подходы для написания самих компонентов? То есть пойти по одному из путей
- использовать классы в html (аргумент - компоненты именованные и их разметка изолирована и нет тех проблем с реиспользованием пачки классов в рамках куска разметки повторно где-то еще, так как оперируем именами компонентов.
- использовать утилитарные хелперы по типу @apply в глобальном css (изолированно описывать компоненты выходит что не получится)
- использовать обычные css модули для компонента но внутри обращаться к глобальным переменным если они заданы

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

Спасибо.

4 ответов

14 просмотров

Не бери это говно, время только сэкономишь

Znacovean-Simion ... Автор вопроса

ну если не брать то полюбому нужно глобально держать и писать свой набор утилит для отступов как минимум а в последней версии tailwind можно это делать в рантайме создавая нужный класс и стили появятся при сборке нужно тебе например разделить 2 инпута отступом className="mb-[15px] xl:mb-[25px]" и не нужно создавать свой набор утилит который потом ещё через purge обрабатывать чтоб ненужное в прод не попадало

Znacovean Simion ...
ну если не брать то полюбому нужно глобально держа...

Обернуть в div с gap, и не нужно никаких утилит

Znacovean-Simion ... Автор вопроса
Max Kiner
Обернуть в div с gap, и не нужно никаких утилит

ну так gap это тоже утилита) я просто как пример привел кейса)

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

Обсуждают сегодня

@Aiwan что такое база образца?
Alexey
27
Не многие знают, а кто знает, тот уже успел забыть, что в далёком 2004 году эта игра произвела настоящий фурор, настолько революционной была технология, применяемая для её соз...
ICCID
4
коллеги, добрый вечер! А никто не знает как модальная форма может себя закрыть? Ну допустим модальная форма определила, что смысла ей работать нет и хочет вернуть modalResult...
Михаил
83
Короче я тут узнал полный пиздец Что кучу постов которые я создавал через posted Спустя время не могу редактировать и менять Мол телега возвращае ошибку Это реально так ...
inc.
13
Хотя у меня сейчас есть более сложная задача, вот её думаю: как объяснить челу переходного возраста противоположного полу, обучающегося в польском колледже (а-ля наш техникум)...
Вячеслав Кузьменко
15
а сколько всего в IT умерло? Где флеш-игры, их было туча, где они все? Сегодня технология есть, а завтра вжух и мёртвая. Этот wasm сильно напоминает джавовские апплеты, silver...
Constantin F.
5
Добрый день Хочу начать обучение языку, не являюсь представителем it, буду благодарна за помощь, совсем пока не понимаю ничего) Подскажите, пожалуйста, где можно начать первы...
Sara Lala
30
а вы в курсе, что Initialize() не работает? var arr123: array[0..123] of Byte; ... Initialize(arr123, SizeOf(arr123));
Iluha Companets
8
что читать по делфи?вообще 0 в нем
fd dsds
9
верно что я могу удалить эти addq и subq т.к. со стеком никакого взаимодействия нет (исключая call)?
Michael
16
Карта сайта