Size: a a a

2021 February 25

Вт

Ві тя in Frontend UA
Serhey Shmyg
Привіт, якими підходами користуєтесь коли в css модулях, потрібно перебити стилі якогось компоненту? Наприклад є кнопка, в неї є класс на якому дефолтний падінг. Тоді цю кнопку в певному місці змінити падінг. Можна це зробити без родича, додати додатковий класс? Питання полягає в тому чи на 100% додатковий класс буде нижче по коду, щоб перетирати стилі із дефолтного класу?
Врапаю кнопку в контейнер і шиплю з контейнером
источник

Вт

Ві тя in Frontend UA
const container = styled.div’’
const Button = styled.button’’
const loadedbutton = (id)=><container className={id}><Button /></container>
источник

Вт

Ві тя in Frontend UA
Шось таке
источник

Вт

Ві тя in Frontend UA
Сорі я з телефону
источник

SS

Serhey Shmyg in Frontend UA
Ві тя
Врапаю кнопку в контейнер і шиплю з контейнером
Дякую, роблю так само 🙂 але щось мені такий підхід не подобається ((((
источник

Вт

Ві тя in Frontend UA
Serhey Shmyg
Дякую, роблю так само 🙂 але щось мені такий підхід не подобається ((((
Так рекомендує сам реакт, composition over inheritance
источник

AR

Alexey Raspopov in Frontend UA
Anton Verinov
Кто уже мигрировал (пробовал мигрировать) с первой на вторую версию yarn’а?

Какие подводные камни? Стоила ли миграция усилий?
На Ярн 2 не буду переходить, но НПМ до сих пор сильно уступает в удобстве первому Ярну. А раз тот не обновляется, можно считать его стабильным
источник

SS

Serhey Shmyg in Frontend UA
Ві тя
Так рекомендує сам реакт, composition over inheritance
Ok коли це не стосується просто стилів, типу додати якийс марджин для кнопошки чи щось таке, чуток підстайлити так би мовити
источник

AR

Alexey Raspopov in Frontend UA
Ві тя
Так рекомендує сам реакт, composition over inheritance
реакт определённо точно не рекомендует наворачивать блоков из-за того что цсс не пишется
источник

SG

Stas G in Frontend UA
Serhey Shmyg
Дякую, роблю так само 🙂 але щось мені такий підхід не подобається ((((
импортант и мать його так
источник

SG

Stas G in Frontend UA
мы еще объявляем иногда в стилях на верхнем уровне цсс-переменные, которые являются как бы апи с точки зрения стилей, и которые можн опереопределить, но всё равно нужно будет более специфичными селекторами перебивать
источник

VS

V7v S6k in Frontend UA
Alexey Raspopov
На Ярн 2 не буду переходить, но НПМ до сих пор сильно уступает в удобстве первому Ярну. А раз тот не обновляется, можно считать его стабильным
+

Я сьогодні спробував оновити ярн, нічого не зрозумів, і відкотився назад 😅
источник

SS

Serhey Shmyg in Frontend UA
Stas G
импортант и мать його так
тільки хардкор )
источник

VS

V7v S6k in Frontend UA
Tailwind і нахуй специфічність)
источник

VS

V7v S6k in Frontend UA
Якщо вже на то пішло
источник

SG

Stas G in Frontend UA
там такая же проблема была бы
источник

SG

Stas G in Frontend UA
Serhey Shmyg
Коли стилі будуть зібрані в такому порядку тоді гуд, буде те що потрібно ЖОВТИЙ.
вот тебе тейлвинд на скриншоте
источник

AR

Alexey Raspopov in Frontend UA
“Tailwind, або як я копіпастив кнопку <button class=“aYh jDF23 MY2 bt12 ot-3 nu4t pq-1 vth45 afd-21”>”
источник

VS

V7v S6k in Frontend UA
Alexey Raspopov
“Tailwind, або як я копіпастив кнопку <button class=“aYh jDF23 MY2 bt12 ot-3 nu4t pq-1 vth45 afd-21”>”
Норм, DRY sucks.
источник

VS

V7v S6k in Frontend UA
Але видраяти ж ніхто не забороняє потім
источник