effector/strict-effect-handlers

Related documentation

When Effect calls another Effects, then it should only call Effects, not common asynchronous functions. Mixing both can lead to losing Scope in Fork API.

// 👍 effect without inner effects:
const delayFx = createEffect(async () => {
  await new Promise((rs) => setTimeout(rs, 80))
})

const authUserFx = createEffect()
const sendMessageFx = createEffect()

// 👍 effect with inner effects
const sendWithAuthFx = createEffect(async () => {
  await authUserFx()
  await delayFx()
  await sendMessageFx()
})

// 👎 effect with inner effects and common async functions

const sendWithAuthFx = createEffect(async () => {
  await authUserFx()
  //WRONG! wrap that in effect
  await new Promise((rs) => setTimeout(rs, 80))
  //context lost
  await sendMessageFx()
})

So, any effect might either call another effects or perform some asynchronous computations but not both.