Bogdan
как стили делать предпочтительнее? или тут уже на вкус? типо можно вынести, а можно и по условию
Китикет
XD
Atid
Есть кто в CSSSR работает?
Atid
USSR
Этой фирмы уже 27 лет как не существует
artalar
как стили делать предпочтительнее? или тут уже на вкус? типо можно вынести, а можно и по условию
Динамическое создание стилей - зло. только динамические значения свойств
Atid
Есть и такие
Суббота воскресенье там выходной?
Китикет
В нашей сфере не бывает выходных
Bogdan
artalar
динамически это вот так? ${props => variables[props.params.size]}
Динамические - это где css в функции который у вас
Bogdan
${props => props.hasError && css` background: red; border: 1px solid red; `}. а какие минусы можно выделить?
Bogdan
есть почитать где?
artalar
Просто код менее читаемый и линейный, более запутанный.
Китикет
Динамические - это где css в функции который у вас
Это, а в reshadow же можно делать точно то же самое, что и в styled'ах? Т.е., чтобы статические стили уходили в бандл в виде css, а динамические были в рантайме как в styled?
Bogdan
Просто код менее читаемый и линейный, более запутанный.
а первый вариант, когды стили вынесены в обьект, более адекватно?
Китикет
Просто код менее читаемый и линейный, более запутанный.
const errorStyles = css` ..... ` ${props => props.hasError && errorStyles}
Китикет
Так более-менее норм
artalar
Так более-менее норм
Нет, так даже хуже, можно не увидеть где какие стили как друг друга перекрывают
Bogdan
да норм
вот это тогда вообще не стоит?
Atid
В нашей сфере не бывает выходных
Если работать строго по графику, то после работу голова абсолютно свободна и просто наслаждаешься временем а когда и днём и ночью работаешь то эта рутина просто тебя выкидывает тебя из общества
Китикет
Чаще всего такое не получается конечно
Atid
Не знаю, приезжал друг на отдых, он строго по графику работал. Говорил что так же тянул раньше все
Bogdan
Зацени @sovasergey
я как это увидел, тоже сказал, что явно не то
Bogdan
чуть не подавился
ну я вот так предложил делать
Bogdan
зачем так делать?
а как нужно?
Bogdan
ну я вот так предложил делать
тут это просто пример, мысль к тому, что вынести нужно
🦜
Есть событие fullscreenchange? Где его лучше навесить на компонент?
Sergey
а как нужно?
вместо "var(--)" можно втыкать цвета хотя лучше использовать нормальную тему
Sergey
что за нормальная тема? там же вроде цвет только?
тема это объект где расписаны все цвета проекта
Sergey
а не копируются в каждый компонент
Sergey
Sergey
https://www.styled-components.com/docs/advanced#theming
Sergey
документацию попробуйте читать
Sergey
так вот это файл темы модалок что ли?
это конфигурация модалок чтобы не писать бесполезный и неподдерживаемый switchcase
Sergey
так вот это файл темы модалок что ли?
это файл самой модалки вверху ты видишь Example компонент как пример использования
Sergey
а если бы тема была на css переменных то можно было бы свести к вот такому примеру
Bogdan
не могу одуплить, что за var()
Sergey
не могу одуплить, что за var()
https://developer.mozilla.org/ru/docs/Web/CSS/Using_CSS_custom_properties
Sergey
учить и учить ещё стандартные возможности css/js
Bogdan
https://developer.mozilla.org/ru/docs/Web/CSS/Using_CSS_custom_properties
обьявить и подключить их нужно прям в этом файле? или гже то в другом месте?
Vladimir
сейчас разделение на контроллер и компонент уже не в моде? Вот такая структура проекта досталась
Bogdan
просто прочитай статью
там не написано, где хранить, в примере, прямо в этом файле
Sergey
если тебе надо, чтобы тема распространялась на ВСЕ компоненты и целиком приложения, куда бы ты положил?
Bogdan
ну подумай
ну в рут компоненте подключил бы поидее стиль
Sergey
models и redux вызывает огромные вопросы
Looch
mvc на фронте !!!11
Sergey
ну в рут компоненте подключил бы поидее стиль
да это можно просто в глобал положить :root { --my-var: value; } или html { --my-var: value; }
Vladimir
контроллеров уже не существует, давненько так
а куда пихать логику управления компонентами?
Sergey
MVVM
Sergey
добро пожаловать
Sergey
MVC в реакте не работает
Looch
mvc вообще на фронте не очень особо работает если честно
Sergey
ну да, потому что нет четкого потока: user -> controller -> model -> view
Sergey
потому что пользователь может ткнуть там, там, ответ придет оттуда, и обновление отсюда, потом редирект, и т.д.
Таймураз
!ро нагло рекламирует, месяц РО
Китикет
Странный паренек
Таймураз
Такими мир полнится👐
Bogdan
только ф-я const getColor = type => props => modalStyle[props.type][type]; ее вынести получается можно? что бы везде юзать?
Bogdan
а есть какой-то смысл?
я подозреваю, что эта ф-я ведь для каждого компонента, пригодна