Size: a a a

2020 June 25

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
ага
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
может есть пример готовый?
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
и в итоге стор превращается в css-переменную?
вот пример трансформации
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
и в итоге стор превращается в css-переменную?
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
и в итоге стор превращается в css-переменную?
источник

R

Ruslan 🌀 in ☄️ effector
а можно будет data без spec задавать? отдельную функцию... было бы декларативнее
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
тебе эта декларативность надоест крайне быстро
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
по этой причине метод data и был убран: ты офигеешь тащить по 100500 импортов каждый раз, это просто не практично
источник

R

Ruslan 🌀 in ☄️ effector
🚀🔬 🚀🔬🚀🔬
вот пример трансформации
круть 🎉
источник

R

Ruslan 🌀 in ☄️ effector
🚀🔬 🚀🔬🚀🔬
для css есть стайлед-лайк подход, с которым вскод подсвечивает и форматирует содержимое метода названного css, я этим уже пользуюсь для статической экстракции стилей
а какой резон использовать text без подсветки, если есть css?
источник

R

Ruslan 🌀 in ☄️ effector
понял походу
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
а какой резон использовать text без подсветки, если есть css?
text — это реактивный element.textContent, это не для стилей, это чтобы проще комбиниировать сторы со статическим текстом
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
точнее это даже не textContent (как у реакта), а прям отдельные Text ноды, которые обновляются независимо друг от друга
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
метод text это небольшая обёртка для создания массива для spec({text: array})
источник

R

Ruslan 🌀 in ☄️ effector
🚀🔬 🚀🔬🚀🔬
у меня вот так вышло) при клике новые элементы добавляются по месту нажатия https://share.effector.dev/cC6Db0wg

пара моментов:
—  ресайз-листенер не нужен, так как первый же тик вернёт все круги в рамки текущего окна
— document.body.offsetWidth учитывает margin и padding благодаря чему нет нужды в их установке в ноль в body
а заменить тут text на css как?
источник

R

Ruslan 🌀 in ☄️ effector
просто css`` в fn засунуть?
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
просто css`` в fn засунуть?
ага
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
Ruslan 🌀
а заменить тут text на css как?
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
тут ещё надо забуриться в stylis, чтобы убрать необходимость в & {} если нет селекторов и добавить детект необходимости в calc/store.map чтобы заменить ${DOT_SIZE + 'px'} на ${DOT_SIZE}px
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
сейчас так приходится делать потому что var(--smth)px это не корректный код
источник