Е
Потом 1 день тестишь.
Size: a a a
2021 May 30
Е
Потом исправляешь баги всю жизнь.
Е
Потому что тупой.
Е
И думать нечем.
Е
Вот так живем.
p
Какую кнопку?
p
4 дня не думаешь, потом читаешь доку только раздел Getting Started, потом 3 дня пишешь по советам в чате
2021 May 31
В
Оборачивать комопненты во врапперы и уже этим врапперам задавать отступы. Вообще сами компоненты не должны иметь внешнюю геометрию, они не должны знать ничего о том контексте, в котором будут использоваться.
Для отступов можно создать специальный компоент-контейнер. Или сетку.
Очень удобно работать с отступами в сетках
Для отступов можно создать специальный компоент-контейнер. Или сетку.
Очень удобно работать с отступами в сетках
p
А я думаю как грамотно сделать без врапперов, чтобы внешние отступы прописывать пропсами
В
<Button text="Button comp" />
Почему бы не сделать вот так:
<Button>Button comp</Button>
Почему бы не сделать вот так:
<Button>Button comp</Button>
В
Я уже писала про это
В
Бляха
В
Нет
p
А какая разница? Если только в кнопку понадобится пихать ещё один компонент
В
Создай контейнер и через него пропсами хуярь
p
А идея с глобальными утилит классами?
p
Есть глобальный файл с классами .margin-right-30 и т.д.
<Button utilStyle="margin-right-30"/>
Внутри компонента
className={clsx(styles.button, utilStyle && utilstyle)}
<Button utilStyle="margin-right-30"/>
Внутри компонента
className={clsx(styles.button, utilStyle && utilstyle)}
В
p
https://github.com/mister-webdev/react-form-generator/blob/master/src/app/styles/mixins.scss
С таким миксином можно делать респонсив утилит классы, например на десктопе отступ 30пх, а на мобиле 20, делаем утил класс
.margin-right-30-20 {
@include fluid(margin-right, 30, 20)
}
С таким миксином можно делать респонсив утилит классы, например на десктопе отступ 30пх, а на мобиле 20, делаем утил класс
.margin-right-30-20 {
@include fluid(margin-right, 30, 20)
}
В
