React Native Polling

Question

I'm trying to implement some api polling code, this is what I've got so far:

async retrieveNotifications() {
  const res = await fetch(url)
  if (res.status === 200) {
    this.props.setNotifications(res.data)
  }
  setTimeout(() => {
    this.retrieveNotifications()
    // polling in 10 min cycles
  }, 600000);
}

the code works, however the question is if this has any performance downsides because its recursive? Does anyone know a better solution for polling in rn ? Thanks for the help :)

Answer 1

Not sure about the performance implications of recursion here (or even if a setTimeout closure counts as recursion exactly), but you could use setInterval to call a polling method every 10 minutes, without needing to daisy-chain the calls. And don't forget to use clearInterval when you want it to stop!

For example:

async retrieveNotifications() {
    const res = await fetch(url)
    if (res.status === 200) {
        this.props.setNotifications(res.data)
    }
}

//inside some class method
setInterval(this.retrieveNotifications, 600000);