c
woly будет open source ?
Да
Size: a a a
2020 November 18
S
Здравствуйте , хотел узнать, а вы стайледы выносите в отдельный файл или в компоненте пишите?
c
Sanj
Здравствуйте , хотел узнать, а вы стайледы выносите в отдельный файл или в компоненте пишите?
Стайледы это и есть компоненты
c
Я к ним так и отношусь.
c
Делю компоненты по atomic design
c
Атомы чаще всего состоят из одного стайледа. Но более сложные компоненты пишу в одном файле, что jsx что styled. Не вижу смысла разделять одну сущность
S
Атомы чаще всего состоят из одного стайледа. Но более сложные компоненты пишу в одном файле, что jsx что styled. Не вижу смысла разделять одну сущность
кстати, вы используете css.escape про который пишется в доке styled components в разделе security?
c
Sanj
кстати, вы используете css.escape про который пишется в доке styled components в разделе security?
Мы просто не закидываем в css никаких данных от пользователя
B
Есть стор с глобальным флагом. Он используется в обработчиках клика на элементах списка(через useStore). Изменение флага приводит к перерендеру всех элементов, что совершенно не нужно. Как тогда поступить? Использовать в обработчике getState?
AO
useList мб подойдет?
AO
а не не поможет
AO
ну так сделать обработчик событием и через sample значение флага вынимать там
AO
короче в UI вообще флаг не передавать этот
B
Aleksandr Osipov
ну так сделать обработчик событием и через sample значение флага вынимать там
обработчик должен возвращать boolean
AO
лучше код в репле, а то не очень понятно
DS
Есть стор с глобальным флагом. Он используется в обработчиках клика на элементах списка(через useStore). Изменение флага приводит к перерендеру всех элементов, что совершенно не нужно. Как тогда поступить? Использовать в обработчике getState?
покажи как используется
B
покажи как используется
const a = useStore($a);
onDragStart={() => Boolean(a)}
onDragStart={() => Boolean(a)}
🦜
const a = useStore($a);
onDragStart={() => Boolean(a)}
onDragStart={() => Boolean(a)}
onDragStart сделай ивент в модели и через гвард запускай остальные
🦜
guard({
source: dragStart,
filter: $a,
target: dragEvent
})
source: dragStart,
filter: $a,
target: dragEvent
})
B
guard({
source: dragStart,
filter: $a,
target: dragEvent
})
source: dragStart,
filter: $a,
target: dragEvent
})
и что такое dragEvent? мне нужно в самом обработчике dragStart вернуть значение на основе стора