Effect CommunityEC
Effect Community•7mo ago
Denish

Handling Debounce and Abort with AbortController in Effect

Hi i have a question regarding signal and abortcontroller. lets say i have a effect like this

async function search(term: string, signal: AbortSignal) {
  return await Effect.runPromise(
    Effect.gen(function* () {
      yield* Effect.sleep(300) // wait for 300ms
      return yield* someFetcher(term) // <- this uses HttpClient from @effect/platform
    }),
    { signal }
  )
}


note this search function is executed on input change, so i am doing abortController.abort() before executing the search function, this means that effect will be interrupted right?, is this proper way to handle debounce and aborting the fetch together at same time? for example, if user type anythign within 300ms then effect will be interrupted right? also if someFetcher(term) is taking about 500ms-1s and user typed something with that time, then it means fetch request is cancelled and effect is interruped right way, right?
Was this page helpful?