Size: a a a

2020 March 24

IT

Ivan Tkachev in ☄️ effector
ну с учетом того что другого варианта я делать сейчас просто не умею) то конечно я его и сделаю)
источник

IT

Ivan Tkachev in ☄️ effector
спасибо за совет)
источник

IT

Ivan Tkachev in ☄️ effector
а нет
источник

IT

Ivan Tkachev in ☄️ effector
а hover'ы я тут как сделаю?
источник

l

la gente está muy loca in ☄️ effector
Ivan Tkachev
а hover'ы я тут как сделаю?
https://styled-components.com/docs/api#supported-css

лучше обращаться к доке соответствующей библиотеки в первую очередь
источник

IT

Ivan Tkachev in ☄️ effector
так так мы же про css in variable уже говорим, туда мне цвет ховера как прокинуть?
источник

l

la gente está muy loca in ☄️ effector
а, ну так же

&:hover {
 color: var(--нутыпонел)
}
источник

l

la gente está muy loca in ☄️ effector
переменная заданная у родителя (как в Panel) распространяется как на детей так и на их ховеры и прочие псевдоклассы
источник

l

la gente está muy loca in ☄️ effector
Ivan Tkachev
так так мы же про css in variable уже говорим, туда мне цвет ховера как прокинуть?
источник

l

la gente está muy loca in ☄️ effector
Aleksey
Подскажите пожалуйста как лучше писать, у меня есть модель с разными сторами и они обернуты в useStore.  (loading, errors, users) но у меня срабатывает два раза рендер. Как лучше делать? Объединить в одну стору и обернуть в один useStore?
кстати, отдельный loading стор для эффектов не требуется, он есть из коробки
источник

IT

Ivan Tkachev in ☄️ effector
вот это не понял)
источник

IT

Ivan Tkachev in ☄️ effector
а вариантов как стор перебпросить с обновлением в подключаемый файл вообще никаких нету?
источник

l

la gente está muy loca in ☄️ effector
в смысле
источник

MA

Maxim Antsiferov in ☄️ effector
Ivan Tkachev
У меня подгружается файл конфигураций через стор, для моей имитации saas приложения. В ней заложена цветовая схема для styled components. Более гениального решения, кроме как конфигурацию в стору сложить и по всему приложению от туда раздать я не нашел.
Я бы при подгрузке кофига в эффекте проставлял бы css переменные и дальше в приложении только эти переменные и юзал
источник

B

BARSOOQUE in ☄️ effector
la gente está muy loca
const appConfig = createStore(null)

const quizColor = appConfig.map(config => {
 if (config) return config.quizcolor
 return null
})

const Button = styled.button`
 color: var(--quizColor, currentColor);
`

const Panel = () => (
 <div style={{'--quizColor': useStore(quizColor)}}>
   <Button>close panel</Button>
 </div>
)
О, это получается фикс производительности при частом обновлении переменных?
источник

l

la gente está muy loca in ☄️ effector
BARSOOQUE
О, это получается фикс производительности при частом обновлении переменных?
ну да, нести значения до каждой кнопки лучше силами css чем жс
источник

B

BARSOOQUE in ☄️ effector
Но зачем тогда стайлед вообще 🤔
источник

MA

Maxim Antsiferov in ☄️ effector
BARSOOQUE
Но зачем тогда стайлед вообще 🤔
Пропсы в цсс пробрасывать проще
источник

MA

Maxim Antsiferov in ☄️ effector
Ещё примитивные компоненты создавать проще
источник

l

la gente está muy loca in ☄️ effector
BARSOOQUE
Но зачем тогда стайлед вообще 🤔
чтобы писать css в жс модулях

ну и переходный период всё же должен быть)
источник