Anonymous
CSS-in-JS обычно всегда нечитабельная срань
Не Я юзал в отдельных жс файлах и норм было
Дима
Хреновое такое предположение
это не мешает делать всё именно с таким рассчётем
Default
типа как col-xs-* ?
col-xs элементарная фигня, хотя я тоже перестал их юзать и окончательно уполз на гриды
Дима
это не мешает делать всё именно с таким рассчётем
да что там jxnblk, реакт делается абсолютно так же
Default
А тут пропсов реально сотни
Default
И тебе надо помнить большую часть
Default
Притом, они мягко скажем не всегда css соответствуют
Anonymous
В общем Склмпильте пожалуйста 3-5 основных практических претензий к этому подходу А то я первый раз такое вижу Спс
Дима
class → className, borderColor но aria-
arthur
(
Ivansky
Я видел некоторое дерьмо
Default
если только так делать
Там ты хэлперы можешь юзать
Дима
у меня был компонент на 800 строк стайледов, я же не скидываю его в чат
arthur
если только так делать
https://gist.github.com/uqe/89cbd6ca59fa1991776cbfb142506cb5 (пример, как не надо делать)
Default
У тебя есть некоторая свобода компоновки и возможность вытащить часть стилей в другое место
Дима
так лучше, да
Bohdan
А тут пропсов реально сотни
ну какие сотни? вместо сотен col-xs один w
Дима
не слушай никого
Дима
просто возьми
Дима
и поюзай
Anonymous
<Box width={[ 1, // 100% below the smallest breakpoint (all viewports) 1 / 2, // 50% from the next breakpoint and up 1 / 4, // 25% from the next breakpoint and up ]} />
Дима
я не вижу смысла тебя переубеждать
Дима
просто попробуй
Anonymous
Удобно охуеть
Дима
а потом вернёмся к этому разговору
Дима
ты сейчас споришь о вкусе яичницы с теми кто её уже пробовал. поробуй и ты
Bohdan
Удобно охуеть
почему это неудобно?
Дима
потому что попробуй
Default
ну какие сотни? вместо сотен col-xs один w
Ага, а ещё px, my и прочие items-stretch, очень удобно и интересно же
Дима
сколько можно танцевать об архитектуре
Дима
и спрашивать о практических вопросах в теории
Default
Особенно, если на недельку переключиться на другой проект и вернуться к этому
Ivansky
Госпади хватит нести в компоненты стили, это сбивает с толку что вообще происходит У вас есть миллион и одна фича чтобы делать респонсив внутри CSS
Дима
да, например возможность написать компонент, который скомпилируется в css файл
Ivansky
Стили не так важны как логика приложения и его структура, прячьте это куда-нибудь куда люди не заходят
Дима
это проблема, а не аргумент
Anonymous
В папке компонента
Default
да, например возможность написать компонент, который скомпилируется в css файл
Или написать компонент, который ни во что не скомпилируется, а только прокинет контекст 🌚
Дима
лол, не
Дима
для этого есть css перменные
Default
для этого есть css перменные
А вот material ui считает иначе 😄
Дима
material-ui создали в назидание за доверчивость
Default
Ага, я как раз был тем доверчивым дебилом
Ivansky
Ну вот мы даже css-in-js в отдельных js файлах хранили
Правильно, а width и тд в дереве компонентов это зашквар
Дима
ну типа индустрия взрослеет, осознание того, что не всё то здорово, что прикольно блестит тоже часть взросления
Anonymous
Ну мне тоже кажется, что функционал и стили лучше разделить Удобнее что ли хз
Default
Я думал, что хуже, чем в первом ангуляре быть не может
Default
А теперь я думаю, что в общем-то неплохой был фреймворк
Дима
😂😂
Ivansky
Почему?
У тебя все стили находятся в JS? Или часть находится в CSS? Скажи мне зачем пихать сили куда-то еще, если у них есть свое место?
Дима
у меня стили вообще в js не находятся, че они там забыли
Дима
при компиляции весь css-in-js сохраняется в css файлы
Дима
как и положено нормальному css
Default
linaria?
Дима
да
Bohdan
У тебя все стили находятся в JS? Или часть находится в CSS? Скажи мне зачем пихать сили куда-то еще, если у них есть свое место?
стили которые в браузер идут могут быть где угодно. А почему им не место в компонентах?
Alex
Мммм линария
Ivansky
при компиляции весь css-in-js сохраняется в css файлы
про компиляцию вообще не идет речь, тут про разработку и DX
Andrey
после линарии к css in js библиотекам, работающим в рантайме вообще не хочется возвращаться
Дима
++
Дима
можно долго расстраиваться о проблемах линарии, но мне просто жалко конечного юзера, девайс которого будет вынужден парсить стили жсом
Alex
Думаете линария уже ок для того чтоб в прод выкатывать?
Дима
не ок
Дима
есть проблемы
Bohdan
Ты верстальщик?
Левый вопрос и ничем не поможет
Дима
но в итоге нет проблем у юзера
Alex
Проблемы со сборкой?
Дима
но в итоге нет проблем у юзера
это НАМНОГО важнее чем любые неудобства разработчика
Anonymous
стили которые в браузер идут могут быть где угодно. А почему им не место в компонентах?
Отвлекает как-то Если хочу поправить функционал Иду в кор файл Если стиль — иду в стиль
Anonymous
есть проблемы
А че у вас в проде то
Anonymous
Может наоборот?