Телеграмм чат группы sveltejs страница 6130

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1806 membersпожаловаться на группу

2020 December 21

DK

Dan Kozlov in Svelte [svelt]

Мне кажется, мы зашли в тупик. Я стою на своём, что explicit is better than implicit. Я не хотел бы, чтоб в любой мой ивент-хендлер в родителе могло прилететь что-то от ДОМ-элемента, а чтобы от этого защититься, мне б надо было писать в каждом родителе проверки на это.

источник

13:56пожаловаться #1

DK

Dan Kozlov in Svelte [svelt]

Но самый ключевой вопрос, парни, почему нельзя просто поднять наверх реф на элемент и в родителе уже предсказуемо с ним работать — вопрос для меня.
(хотя это и дичь, на мой взгляд)

Child.svelte
<script>
  export let ref;
</script>

<button bind:this='ref'>click</button>

Parent.svelte

<script>
  let ref: HTMLButtonElement | undefined;
  const events = ['click', 'longpressCustom'], cb = (e: Event) => console.log(e)
  $: if(ref) events.forEach(ev => ref.addEventListener(ev, cb))
</script>

<Child bind:ref />

И еще раз, это разве не решает вашу общую проблему? Ценой двух строк кода.

источник

13:56пожаловаться #2

A

Arushwl in Svelte [svelt]

Но самый ключевой вопрос, парни, почему нельзя просто поднять наверх реф на элемент и в родителе уже предсказуемо с ним работать — вопрос для меня.
(хотя это и дичь, на мой взгляд)

Child.svelte
<script>
  export let ref;
</script>

<button bind:this='ref'>click</button>

Parent.svelte

<script>
  let ref: HTMLButtonElement | undefined;
  const events = ['click', 'longpressCustom'], cb = (e: Event) => console.log(e)
  $: if(ref) events.forEach(ev => ref.addEventListener(ev, cb))
</script>

<Child bind:ref />

Это работает?

источник

13:57пожаловаться #3

DK

Dan Kozlov in Svelte [svelt]

Это работает?

Я не тестил, но даже если я где-то накосячил, идея-то рабочая, конечно. Никаких проблем.

источник

13:58пожаловаться #4

DK

Dan Kozlov in Svelte [svelt]

Немного императивной работы с DOM API, но и задача, которая стоит… скажем так, неординарная.

источник

13:58пожаловаться #5

ON

Oleg N in Svelte [svelt]

Но самый ключевой вопрос, парни, почему нельзя просто поднять наверх реф на элемент и в родителе уже предсказуемо с ним работать — вопрос для меня.
(хотя это и дичь, на мой взгляд)

Child.svelte
<script>
  export let ref;
</script>

<button bind:this='ref'>click</button>

Parent.svelte

<script>
  let ref: HTMLButtonElement | undefined;
  const events = ['click', 'longpressCustom'], cb = (e: Event) => console.log(e)
  $: if(ref) events.forEach(ev => ref.addEventListener(ev, cb))
</script>

<Child bind:ref />

раз пошла такая пляска, в родителе можно сразу писать
$('button').on(...) 😀

источник

13:59пожаловаться #6

A

Arushwl in Svelte [svelt]

Так-то да...

источник

14:00пожаловаться #7

ON

Oleg N in Svelte [svelt]

даже ещё короче выйдет

источник

14:00пожаловаться #8

AP

Alexander Ponomarev in Svelte [svelt]

Мне кажется, мы зашли в тупик. Я стою на своём, что explicit is better than implicit. Я не хотел бы, чтоб в любой мой ивент-хендлер в родителе могло прилететь что-то от ДОМ-элемента, а чтобы от этого защититься, мне б надо было писать в каждом родителе проверки на это.

этим принципом можно оправдать что угодно и это главная проблема питона)

источник

14:01пожаловаться #9

А

Аидрфй in Svelte [svelt]

привет, у кого есть пример описания writable/readable стора в .d.ts, можете поделиться?

источник

14:21пожаловаться #10

AP

Alexander Ponomarev in Svelte [svelt]

привет, у кого есть пример описания writable/readable стора в .d.ts, можете поделиться?

они же вроде описаны в тайпингах свелта

источник

14:23пожаловаться #11

MZ

Misha Zamkevich in Svelte [svelt]

Есть формулы вычисления мышечных сокращений? 😁

Ха ха

источник

15:13пожаловаться #12

A

Arushwl in Svelte [svelt]

slidy-align.mp4

источник

15:50пожаловаться #13

СА

Сергей Артёмов... in Svelte [svelt]

slidy-align.mp4

что-то пошло не так?)

источник

16:01пожаловаться #14

A

Arushwl in Svelte [svelt]

Да не...

источник

16:02пожаловаться #15

A

Arushwl in Svelte [svelt]

Но есть репа, хочешь почекай )

источник

16:02пожаловаться #16

A

Arushwl in Svelte [svelt]

https://github.com/Valexr/svelte-slidy

Valexr/svelte-slidy

SLIDY – simple, configurable carousel component built with SvelteJS. - Valexr/svelte-slidy

источник

16:02пожаловаться #17

AP

Alexander Ponomarev in Svelte [svelt]

что у тебя там за тротлинг поставлен

источник

16:07пожаловаться #18

СА

Сергей Артёмов... in Svelte [svelt]

Да не...

ааа, сорян, не разглядел на гифке, что это выравнивание, а не переключение)

источник

16:07пожаловаться #19

A

Arushwl in Svelte [svelt]

Alexander Ponomarev

что у тебя там за тротлинг поставлен

Хде?

источник

16:07пожаловаться #20