Size: a a a

2020 September 26

PM

Pavel 🦇 Malyshev in Svelte [svelt]
  setInterval(() => {
   key++;
 }, 1500);
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
мой пример с #each нужен ТОЛЬКО потому что он создает новый контекст, вне которого не существует некоторых значений, типа item и index. Поэтому чтобы юзать этот контекст нужно использовать хелпер-фукнцию, либо можно мой хак
источник

n

neadmin in Svelte [svelt]
Pavel 🦇 Malyshev
А зачем это все? 🤔 Очевидно же что дело в том, что присвоения в шаблонах не реактивны
Можно далеко и не ходить. Берем таблицу. Выводим {#each }, в котором считаем итог по паре колонок, который нужен для диаграммы под таблицей.
Можно решить программно, но зачем, если можно сделать при рендере шаблона?
Но из {#each } не вытаскиваются данные наружу - диаграмме не почем строиться.
источник

n

neadmin in Svelte [svelt]
Хелпер-функции конечно это решают, но шаблон становится не прозрачным и руки чешутся все сделать красиво в script, что хоть и двойная работа по обработке данных, но зато читабельно.
Так получается?
источник

n

neadmin in Svelte [svelt]
При этом плодить два дочерних компонента, аля таблица и диаграмма, так же не всегда есть решение...
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
neadmin
Можно далеко и не ходить. Берем таблицу. Выводим {#each }, в котором считаем итог по паре колонок, который нужен для диаграммы под таблицей.
Можно решить программно, но зачем, если можно сделать при рендере шаблона?
Но из {#each } не вытаскиваются данные наружу - диаграмме не почем строиться.
Только это так не делается

$: totalResults = items.reduce();
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Можно решить программно, но зачем, если можно сделать при рендере шаблона?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
😳
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
neadmin
Хелпер-функции конечно это решают, но шаблон становится не прозрачным и руки чешутся все сделать красиво в script, что хоть и двойная работа по обработке данных, но зато читабельно.
Так получается?
это не 2 раза работа, это разная работа просто
источник

К

Константин in Svelte [svelt]
а что за ошибка Error: Not implemented Empty ?
источник

К

Константин in Svelte [svelt]
при сборке компонента свелт-лоадер выдаёт и репл тоже
источник

К

Константин in Svelte [svelt]
упало на:
  <option {...$$restProps}>
   <slot />
 </option>
источник

МТ

Марк Танащук... in Svelte [svelt]
В слот данные вставляются если его через {@html `<slot/>`} вызвать?🤔
источник

МТ

Марк Танащук... in Svelte [svelt]
Хнык
источник

МТ

Марк Танащук... in Svelte [svelt]
Мне кажется что делать такую неконтроллируемую реализацию где и тег рандомный, и слот поверх этого плохо
источник

МТ

Марк Танащук... in Svelte [svelt]
то есть там может быть все что угодно и это мне кажется неправильным
источник

МТ

Марк Танащук... in Svelte [svelt]
правило правильной архитектуры - не доверяй входным данным
источник

МТ

Марк Танащук... in Svelte [svelt]
А когда ты доверяешь - это плохая реализация
источник

МТ

Марк Танащук... in Svelte [svelt]
Может сброшу ссылку той книги про clean code, но пока что это пускай будет май хорибл опинион
источник

К

Константин in Svelte [svelt]
зомичательно, решилось путём:
 <option {...$$restProps} value={$$restProps.value}>
   <slot />
 </option>
источник