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

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

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

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

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

Спасибо.

4 ответов

15 просмотров

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

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

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

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

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

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

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

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

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

Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
70
Всем доброго дня, ребят подскажите пожалуйста, если в курсе по ассемблеру используется MASM32, могу ли я использовать FASM? В чем явная разница и будет ли у меня все работать?
Botsman
17
Хотел бы спросить у знающих, правильную ли я выбрал книгу для начала изучения ассемблера Юрова В.И ? Или есть более лучшие книги для начала обучения?
Botsman
25
Книга Юрова В.И пойдёт для обучения?
Botsman
24
$params = [ 'formid' => 'feedbackForm', 'formTpl' => '@CODE: <form class="form-validate" data-id="ajax_form"> <fieldset class="margin-bottom-md"> ...
Pathologic
1
Люди добрые, помогите с идеями, потому что свои закончились. У клиента падает софтина в момент инициализации модуля OtlEventMonitor на RegisterWindowMessage('Gp/OtlTaskEvents/...
Михаил Усков
7
> Примечательно, что новый владелец удаляет из GitHub любые жалобы, указывающие на подозрительную активность или смену владельца, и, видимо, рассчитывает на то, что пользовате...
Alex Sherbakov
2
GridView fully ignored first parent(SizedBox), and take width from second parent(Container). How can I constrain GridView by first parent? Widget build(BuildContext context) {...
Hamster
1
Коллеги, добрый день. Есть такой вопрос: Есть модуль, который надо запустить через супервизор как дочерний процесс. Пока инстансов было нужно 8, всё было окей, но когда их ст...
Δημήτηρ
4
Hey there Which is the best Linux destro for developers (coding)? To my research on reddit, they said Linux mint is good for mid level spec and Ubuntu for high Lev hardwar...
Wiz 🪄
11
Карта сайта