Size: a a a

2020 December 11

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
а что будет если использовать стор в компоненте? и в этом прелоаде в стор .set'нуть чего-нибудь ? будет работать ?
сторы плохо работают с SSR
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
блин тоже буквально недавно это огреб. ((
плюсани тогда, плз )
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
вот тут и правда интересно, как нам его инициализировать в прелоаде и будет ли это вообще работать :)
чет подобное пробовал в рамках саппер с мемоизацией. работало не очень. не помню что именно. будет интересно если у кого-то получится
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
плюсани тогда, плз )
done
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
тока надо ещё наверное так сделать

$: search = $page.query.search;
$: results.fetch(search);


а то будем лишний раз запускать когда что-то другое в page поменялось
фетч лишний раз запускаться не должен. значение search примитив
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Eric Rovell
Тоже идея. Хотя, стараюсь избегать меток. Но стоит попробовать.
метки - основа свелт
источник

К

Константин in Svelte [svelt]
thnx
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Oleg N
смотри локика: ты не передал из App -> MyComp слот B, значит в myComp в слоте B сработал плейсхолдер - а он пустойь и он пердался ниже, но всё же передался
логику я как раз тоже понял, но для моего кейса было не очень удобно. я бы посмотрел что напишут.
источник

МТ

Марк Танащук... in Svelte [svelt]
Pavel 🦇 Malyshev
gsap конечно лучше потому что он специализированый. но если не нужно что-то особенное, то тащить gsap имхо чаще всего не разумно
У меня всегда много микроинтеракций и таймлайнов, так что считаю это мастхевом и с gsap'ом жить станет вмем лучше =)
источник

МТ

Марк Танащук... in Svelte [svelt]
Pavel 🦇 Malyshev
подсветку кстати можно организовать. есть плагины для подсветки template-litterals.
В vs code?
источник

AP

Alexander Ponomarev in Svelte [svelt]
Pavel 🦇 Malyshev
при применении style атрибута полностью браузер все посчитает.
не все а только стили, это не лейаут
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Марк Танащук
У меня всегда много микроинтеракций и таймлайнов, так что считаю это мастхевом и с gsap'ом жить станет вмем лучше =)
ну тогда да конечно. свелт не делает ставку на то, чтобы отъесть кусок gasp и аналогов. тут скорее про built-in и простоту использования
источник

AP

Alexander Ponomarev in Svelte [svelt]
если строка будет вписываться в style только если она изменилась, то это равносильно вписыванию нового значения в любое поле style
источник

AP

Alexander Ponomarev in Svelte [svelt]
потому что новое значение поля style точно также будет тригерить пересчет стилей
источник

AP

Alexander Ponomarev in Svelte [svelt]
так что это экономия на спичках
источник

МТ

Марк Танащук... in Svelte [svelt]
Pavel 🦇 Malyshev
вот это:

<div style="
  width: {w}px;
  color: {color};
">


НЕ равно:

$: style = `width: ${w}px; color: {color};`;

<div {style}>
Кстати в идеале можно даже сделать встроенный модификатор-тротлер для стилей:

<div style:transform|50ms={"translateY({val})"}></div>
источник

МТ

Марк Танащук... in Svelte [svelt]
Было бы очень интересно
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
не все а только стили, это не лейаут
думаю это всегда зависит от конкретных свойств, которые используются
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
если строка будет вписываться в style только если она изменилась, то это равносильно вписыванию нового значения в любое поле style
ниче не понял что ты написал дальше
источник

AP

Alexander Ponomarev in Svelte [svelt]
Pavel 🦇 Malyshev
думаю это всегда зависит от конкретных свойств, которые используются
конечно зависит, только смысл я в это закладывал
источник