не, я понимаю, поэтому и говорю, что как красиво можно сделать чуть позже, когда хотя бы сокеты не будут вызывать вопросы)

ссылка папуга показывает то, как можно реализовать сокеты по большей части вне реакта, в таком случае ui получается гораздо более легковесным, потому что больше не знает про детали работы с сокетами

если совместить его гист с примером выше, то получится как-то так:

useEffect(() => {
  fetch({
    method: 'binanceApp',
    params: {
      extraExit: true,
      extraPrice: currentPrice,
      extraTaker: takerComission
    }
  })
}, [currentPrice, takerComission])

в итоге компонент знает лишь про то, что существует функция fetch, а что она делает уже не так важно

но в примере есть опциональное усложнение — подразумевается, что нужно ждать ответа через сокет, поэтому то и используется эффект. если ожидание ответного сообщения не требуется, то всё это может выглядеть как-нибудь так:

const fetch = createEvent()

fetch.watch(({method, params}) => {
  socket.emit(method, params)
})

попробую переделать гист

не, я понимаю, поэтому и говорю, что как красиво можно сделать чуть позже, когда хотя бы сокеты не будут вызывать вопросы)

ссылка папуга показывает то, как можно реализовать сокеты по большей части вне реакта, в таком случае ui получается гораздо более легковесным, потому что больше не знает про детали работы с сокетами

если совместить его гист с примером выше, то получится как-то так:

useEffect(() => {
  fetch({
    method: 'binanceApp',
    params: {
      extraExit: true,
      extraPrice: currentPrice,
      extraTaker: takerComission
    }
  })
}, [currentPrice, takerComission])

в итоге компонент знает лишь про то, что существует функция fetch, а что она делает уже не так важно

но в примере есть опциональное усложнение — подразумевается, что нужно ждать ответа через сокет, поэтому то и используется эффект. если ожидание ответного сообщения не требуется, то всё это может выглядеть как-нибудь так:

const fetch = createEvent()

fetch.watch(({method, params}) => {
  socket.emit(method, params)
})

а ещё чаще вот так:

const someFx = createEffect<P, D, F>();

// ...

someFx.use(fn)

при использовании use недостаток в том, что нужно вручную указывать типы, когда есть тип ошибки это нормально, но в более типичном случае достаточно просто передать функцию

первый вариант более сокращённый, появился недавно, как раз для случая когда кроме handler никаких опций нет

Всем привет!
Использую следующий подход для оформления стора с набором эвентсов и эфектов:

export function createExempleModel() {
  // ======================= Events init

  const event1 = createEvent<number>();
  const event2 = createEvent<number>();

  // ====================== efects

  const effect1 = createEffect({
    async handler() {
      const a = 5;
      event1(a);
    },
  });

  // ===================== store description

  const claimAttachmentsStore = createStore<number>(3);
  claimAttachmentsStore
    .on(event1, (oldState, val) => {
      return val;
    })
    .on(event2, (oldState, val) => {
      return val * val;
    });

  return {
    claimAttachmentsStore,
    event1,
    event2,
    effect1,
  };
}

Так можно или с эффектором лучше подругому?

обычно один, но в теории возможно несколько

Всем привет!
Использую следующий подход для оформления стора с набором эвентсов и эфектов:

export function createExempleModel() {
  // ======================= Events init

  const event1 = createEvent<number>();
  const event2 = createEvent<number>();

  // ====================== efects

  const effect1 = createEffect({
    async handler() {
      const a = 5;
      event1(a);
    },
  });

  // ===================== store description

  const claimAttachmentsStore = createStore<number>(3);
  claimAttachmentsStore
    .on(event1, (oldState, val) => {
      return val;
    })
    .on(event2, (oldState, val) => {
      return val * val;
    });

  return {
    claimAttachmentsStore,
    event1,
    event2,
    effect1,
  };
}

Так можно или с эффектором лучше подругому?

Если он будет вызван один раз - то в нем нет необходимости, можно сразу объявлять и экспортировать юниты