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

lllla

Возможно, будет вот такая штука 🙂
Осталось типы написать и тесты
И хуки проверить

Vue 2 :-(
Я вот такие байндинги накидал для vue composition api

export function useStore<State>(store: Store<State>): ReadonlyRef<State> {
  const stateRef = ref<any>();
  const unwatch = store.watch(state => {
    stateRef.value = state;
  });
  onUnmounted(unwatch);
  return stateRef;
}

export function useStoreMap<State, Result>(
  store: Store<State>,
  fn: (state: State) => Result,
): ReadonlyRef<Result> {
  const stateRef = useStore(store);
  return computed(() => fn(stateRef.value));
}

09:22пожаловаться #1

let intervalId: any;

// Store<TrackindId | null>
$trackingServiceId.watch(trackingId => {
  clearInterval(intervalId);

  if (trackingId !== null) {
    intervalId = setInterval(() => {
      timeTracked(trackingId);
    }, 1000);
  }
});

Как подобное правильно реализовать декларативно?

Апдейт стора по таймеру?

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

Да

09:26пожаловаться #3

Да

Какая реакция на timeTracked?

09:26пожаловаться #4

Yan👀 Lobaty

Какая реакция на timeTracked?

стор подписан, но это неважно

09:27пожаловаться #5

Можно сделать эффект который будет резволвится по таймауту
Из стора форвардить в него
А из done этого эффекта вызывать timeTracked

09:29пожаловаться #6

стор подписан, но это неважно

Важно кто апдейтить стор этот будет
Пример в репле был все же лучше

09:30пожаловаться #7

let intervalId: any;

// Store<TrackindId | null>
$trackingServiceId.watch(trackingId => {
  clearInterval(intervalId);

  if (trackingId !== null) {
    intervalId = setInterval(() => {
      timeTracked(trackingId);
    }, 1000);
  }
});

Как подобное правильно реализовать декларативно?

И еще мапнутый стор от трекингид чтобы чекать что он не нул

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

Чтобы запускать цепочку если пришел не нулл апдейт

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

Я правильно понимаю что если функция переданная в .map возвращате undefined, то стор не изменится?

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

Я правильно понимаю что если функция переданная в .map возвращате undefined, то стор не изменится?

Да

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

Я правильно понимаю что если функция переданная в .map возвращате undefined, то стор не изменится?

Но в твоем случае тебе нужно типо if (id !== null) return id

09:37пожаловаться #12

Потому что он в дальнейшей цепочке вычислений используется

09:37пожаловаться #13

Если будет просто return id !== null
В сторе будет true/false лежать

09:38пожаловаться #14

Да, это я понял уже )

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

Type 'Store<TrackingId | undefined>' is not assignable to type 'Unit<TrackingId>'.

Ох блин тайпскрипт ругается

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

Store<TrackingId | undefined> это тип возвращаемый .map (

09:41пожаловаться #17

Можно же это guard-ом сделать не?

09:41пожаловаться #18

Можно же это guard-ом сделать не?

09:42пожаловаться #19

Интуиция тебя не подвела)