А теперь такая задачка

На первом шаге есть условно кнопка "next"
По клику на неё
— если пользователь залогинен (== есть user address, считайте это айди пользователя), то направить на второй шаг
— если нет, кинуть ивент (типа address required), дождаться когда появится user address, когда появился — направить на второй шаг

Нагородил тут вот такое решение:

export const setAddress = createEvent<string | null>();
export const address = restore(setAddress, null);

export const next = createEvent();
const requireAddress = createEvent();

export const requireAddressFx = createEffect({
  handler: () => {
    requireAddress();
    const unsub = address.subscribe(value => {
      if (value) {
        next();
        unsub();
      }
    });
  },
});

export const addressDialogDismiss = createEvent();

guard({
  source: sample(address, next),
  filter: address.map(x => !x),
  target: requireAddressFx,
});

export const awaitingAddress = createStore(false)
  .on(requireAddress, () => true)
  .on(addressDialogDismiss, () => false)
  .on(address, (_, payload) => !payload);

названия мне не нравятся совсем, не хватает неймспейсинга наверное

Но основной вопрос — правильно ли делать эффект, который подписывается на стор и отписывается в коллбеке subscribe?

адрес юзера откуда появляется? сам по себе приходит или есть фетч какой-то?

А теперь такая задачка

На первом шаге есть условно кнопка "next"
По клику на неё
— если пользователь залогинен (== есть user address, считайте это айди пользователя), то направить на второй шаг
— если нет, кинуть ивент (типа address required), дождаться когда появится user address, когда появился — направить на второй шаг

Нагородил тут вот такое решение:

export const setAddress = createEvent<string | null>();
export const address = restore(setAddress, null);

export const next = createEvent();
const requireAddress = createEvent();

export const requireAddressFx = createEffect({
  handler: () => {
    requireAddress();
    const unsub = address.subscribe(value => {
      if (value) {
        next();
        unsub();
      }
    });
  },
});

export const addressDialogDismiss = createEvent();

guard({
  source: sample(address, next),
  filter: address.map(x => !x),
  target: requireAddressFx,
});

export const awaitingAddress = createStore(false)
  .on(requireAddress, () => true)
  .on(addressDialogDismiss, () => false)
  .on(address, (_, payload) => !payload);

названия мне не нравятся совсем, не хватает неймспейсинга наверное

Но основной вопрос — правильно ли делать эффект, который подписывается на стор и отписывается в коллбеке subscribe?

sample({ source: sample }) 🤷‍♀️

так чо

ну считай что когда модалку открываем там происходит всё что надо

А теперь такая задачка

На первом шаге есть условно кнопка "next"
По клику на неё
— если пользователь залогинен (== есть user address, считайте это айди пользователя), то направить на второй шаг
— если нет, кинуть ивент (типа address required), дождаться когда появится user address, когда появился — направить на второй шаг

Нагородил тут вот такое решение:

export const setAddress = createEvent<string | null>();
export const address = restore(setAddress, null);

export const next = createEvent();
const requireAddress = createEvent();

export const requireAddressFx = createEffect({
  handler: () => {
    requireAddress();
    const unsub = address.subscribe(value => {
      if (value) {
        next();
        unsub();
      }
    });
  },
});

export const addressDialogDismiss = createEvent();

guard({
  source: sample(address, next),
  filter: address.map(x => !x),
  target: requireAddressFx,
});

export const awaitingAddress = createStore(false)
  .on(requireAddress, () => true)
  .on(addressDialogDismiss, () => false)
  .on(address, (_, payload) => !payload);

названия мне не нравятся совсем, не хватает неймспейсинга наверное

Но основной вопрос — правильно ли делать эффект, который подписывается на стор и отписывается в коллбеке subscribe?

Работать гет стейт будет, но лучше не нада

блин вот реально императивно решается до смеха просто:

<button onClick={() => {
  if (address) {
    next();
  } else {
    showAddressDialog({ onSuccess: next });
  }
}} />

При этом другой код может спокойно тоже вызывать showAddressDialog и по итогу принимать другие действия

А с эффектором пока трудновато идёт решение

омг

это что значит?)

Так а на каком примере тогда можно продемонстрировать что не надо getState?