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

Size: a a a

Svelte [svelt]

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

2020 April 16

Pavel 🦇 Malyshev in Svelte [svelt]

Например твой список городов зависит от страны, которая выбирается в списке стран и пишется в стор country;

источник

01:35пожаловаться #1

Pavel 🦇 Malyshev in Svelte [svelt]

export const country = writable();

export const cities = asyncable(
  getCities, 
  null, 
  [ country ]
);

async function getCities(country) {
   const res = await fetch(`/api/cities/${country}`):
   return res.json();
}

источник

01:37пожаловаться #2

Pavel 🦇 Malyshev in Svelte [svelt]

<select bind:value={$country}>
  ...
</select>

{#await $cities}
   Loading cities...
{:then cities}
<ul>
   {#each cities as city}
     . ...
   {/each}
</ul>
{/await}

источник

01:38пожаловаться #3

Pavel 🦇 Malyshev in Svelte [svelt]

собственно это весь код

источник

01:39пожаловаться #4

Максим in Svelte [svelt]

ок, спс, завтра попробую

источник

01:41пожаловаться #5

Sergei Kasoverskij in Svelte [svelt]

Pavel 🦇 Malyshev

собственно это весь код

Не думал значение опционально кэшировать чтобы при вызове сеттера не дергать get?

источник

10:28пожаловаться #6

Vitali Semashkevich in Svelte [svelt]

Pavel 🦇 Malyshev

Если внутри компонента можно и так:

$store = { ...$store, foo: 10 };

спасибо!

источник

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

Pavel 🦇 Malyshev in Svelte [svelt]

Sergei Kasoverskij

Не думал значение опционально кэшировать чтобы при вызове сеттера не дергать get?

Думал, показалось что игра не стоит свеч. Для тех целей, которых сделан asyncable кол-во операций на изменение стора не критично. Если вдруг есть задача когда апдейты в стор идут очень часто, я бы не стал его использовать и даже не из-за get, но из-за всей этой внутренней возни с промисами. Лучше взять обычный writable стор если нужно прям часто-часто в него писать.

источник

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

Pavel 🦇 Malyshev in Svelte [svelt]

Кстати в asyncable ещё немного optimistic UI реализовано. При апдейте значения стора, оно выставляется моментально, но если есть асинхронный setter (второй параметр) и он зафейлился (выбросил эксепшн, например сервер не принял изменения), то стор автоматом откатится на предыдущее значение.

источник

11:24пожаловаться #9

maxim yurasov in Svelte [svelt]

Pavel 🦇 Malyshev

а о этих asyncable вообще есть в хэлпе? или я не туда смотрю или как..

источник

11:28пожаловаться #10

Pavel 🦇 Malyshev in Svelte [svelt]

maxim yurasov

а о этих asyncable вообще есть в хэлпе? или я не туда смотрю или как..

Это мой custom стор)

источник