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

Size: a a a

Svelte [svelt]

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

2020 October 20

МТ

Марк Танащук... in Svelte [svelt]

Это еще и специально он делал)

источник

08:21пожаловаться #1

Pavel 🦇 Malyshev in Svelte [svelt]

Марк Танащук

Есть js файл с стором вида:

let obj = {

  prop1: "data",
  prop2: "data"
}

export const storeName = writable(obj)

И если я хочу изменять одно свойство стора каждые N времени , то я могу это сделать так:

export const storeName = writable(obj, () => {
  setInterval(() => {
    storeName.set({
      prop1: get(storeName).prop1,
      prop2: "New value"
    })
  },1_000)
})

Но правильно ли так делать?

readable для этого так то. Конкретно в этом примере хорошо бы ещё вернуть функцию и в ней отчистить интервал.

источник

08:25пожаловаться #2

МТ

Марк Танащук... in Svelte [svelt]

Pavel 🦇 Malyshev

readable для этого так то. Конкретно в этом примере хорошо бы ещё вернуть функцию и в ней отчистить интервал.

Как должен выглядеть соответствующий readable?

источник

08:25пожаловаться #3

Pavel 🦇 Malyshev in Svelte [svelt]

Марк Танащук

Точнее я понимаю что это не лучший способ, так как если свойств много, то всем им прописывать get(storeName).propName - времезатратно

Но

storeName.update(store => {
  store.prop2 = "New value";
  return store;
})

Не обновляет разметку в компонентах которые этот стор использует

Что значит update не обновляет? 🤔

источник

08:25пожаловаться #4

Pavel 🦇 Malyshev in Svelte [svelt]

Марк Танащук

Как должен выглядеть соответствующий readable?

В доке есть пример же с интервалом

источник

08:25пожаловаться #5

МТ

Марк Танащук... in Svelte [svelt]

Pavel 🦇 Malyshev

Что значит update не обновляет? 🤔

storeName.update(store => {
  store.prop2 = "New value";
  console.log(get(storeName))
  return store;
})

Выведет в консоль обновленный объект, но в условном App.svelte такого вида:

<script>
  import { store } from "./store.js"
</script>

{$store.prop2}

prop2 не изменится

источник

08:27пожаловаться #6

МТ

Марк Танащук... in Svelte [svelt]

Pavel 🦇 Malyshev

В доке есть пример же с интервалом

Недоглядел >.>

источник

08:28пожаловаться #7

МТ

Марк Танащук... in Svelte [svelt]

Pavel 🦇 Malyshev

В доке есть пример же с интервалом

https://svelte.dev/docs#readable

Тут указано, как изменять значение всего стора, а не его свойства

источник

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

МТ

Марк Танащук... in Svelte [svelt]

У меня также есть еще и вложенные объекты в объектах, так что я хотел бы иметь возможность сделать нечто по типу:

storeName.set(prop1.subProp1, "New value")

источник

08:33пожаловаться #9

МТ

Марк Танащук... in Svelte [svelt]

Марк Танащук

Грубый синтаксис, но смысл думаю ясен

источник

08:34пожаловаться #10

Jenka Artiukh in Svelte [svelt]

А если написать функцию в сторе что-то вроде этого:
setVariable: (variable, value) => {
store.update(storeValues => {
return ({...storeValues, variable: value});
});
}

источник

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

МТ

Марк Танащук... in Svelte [svelt]

Jenka Artiukh

Собственно разметка не изменяется ж

https://t.me/sveltejs/115687

источник

08:41пожаловаться #12

МТ

Марк Танащук... in Svelte [svelt]

Секунду - попробую

источник