Телеграмм чат группы effector

ага, так лучше, наверное.

🦜

А подскажите, мне надо как-то послать определённый event, дождаться пока store обновится, обработав этот event и потом вызвать определённый код. Как лучше сделать? Что-то вроде вот этого, но вынеся bindPersistAction из обработчка rehydrate event

const rehydrate = createEvent<State>("@PERSIST/REHYDRATE");

const bindPersistAction = store.watch((state) => {
  config.storage.setItem(persistKey, JSON.stringify([Date.now(), state]));
});

if (persistedState != null) {
  store.on(rehydrate, (_state, data) => {
    bindPersistAction();
    data;
  });
  rehydrate(parsedState[1]);
}

Обращение к config.storage завернуть в эффект, if вынести в guard, rehydrate тоже сделать эффектом

🦜

const rehydrate = createEvent<State>("@PERSIST/REHYDRATE");

const bindPersistAction = store.watch((state) => {
  config.storage.setItem(persistKey, JSON.stringify([Date.now(), state]));
});

if (persistedState != null) {
  store.on(rehydrate, (_state, data) => {
    bindPersistAction();
    data;
  });
  rehydrate(parsedState[1]);
}

const store = createStore(null)

const fxRehydrate = createEffect((state) => {
config.storage.setItem(persistKey, JSON.stringify([Date.now(), state]));
})

guard({
source: store,
filter: (state) => state !== null,
target: fxRehydrate
})

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

ок! Попробую, пасиб!

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

Dmitriy Shuleshov in ☄️ effector

Dmitry Olyenyov

ок! Попробую, пасиб!

К тому же есть готовые решения для синхронизации с ls
Например

12:14пожаловаться #5

О, а я написал своё т.к. effector-persist поддерживает только localStorage

12:32пожаловаться #6

А подскажите,

const rehydrated = createEvent("ZZ")
    store.watch((state) => {
      config.storage.setItem(persistKey, JSON.stringify([Date.now(), state]));
    });

можно ли как-то вот тут в watch получить данные какой unit вызвал обновление? Я хочу как-то проигнорирвать event rehydrated, иначе получается бесконечный цикл между двумя табами, которые по очереди пытаются обновить localStorage, получают событие что в первой вкладке localStorage обновился, сохраняем данные в store, watch ловит event rehydrated, сохраняет в localStorage, первая вкладка получает событие что в localStorage новые данные и так по кругу.. :) (Длинное описание во избежание XY Problem :) )

15:46пожаловаться #7

Vladislav K. in ☄️ effector

А насколько хорошая идея в .on у одного стора залезать в состояние другого store?

Не менять, а только подсмотреть

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

А насколько хорошая идея в .on у одного стора залезать в состояние другого store?

Не менять, а только подсмотреть

через getState() ?

15:58пожаловаться #9

c⁣

А насколько хорошая идея в .on у одного стора залезать в состояние другого store?

Не менять, а только подсмотреть

оч плохая

15:58пожаловаться #10

Vladislav K. in ☄️ effector

Nikita N.

через getState() ?

Ну да

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

для этого придумали sample

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

getState() не желателен

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

c⁣

Ну да

гляди

15:59пожаловаться #14

sample({ source: firstStore, clock: event or store, target: secondStore })

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

c⁣

https://effector.dev/docs/api/effector/sample

effector.dev

sample | effector

This method can be used for linking two nodes, resulting the third one, which will fire only upon clock node trigger.

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

Vladislav K. in ☄️ effector

Да, наверное с сэмплом тоже решаемо

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

c⁣

🚀🔬 🚀🔬🚀🔬... in ☄️ effector

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

🚀🚀

А насколько хорошая идея в .on у одного стора залезать в состояние другого store?

Не менять, а только подсмотреть

on по сути это сокращенная версия записи сэмпла, тебе просто нужна полная

sample({
  source: {a, b},
  clock: trigger,
  fn: ({a, b}, upd) => ...,
  target: a,
})

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

Vetro in ☄️ effector

Да, наверное с сэмплом тоже решаемо

Скомбинировать сторы?