products/product-overview.js

product-overview.js

import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';

export default Ember.Component.extend({
  // Periodically refresh product info on init
  _reloadDataTask: task(function * () {
    while (true) {
      yield timeout(30 * 1000); // Wait 30 seconds

      if (this.get('product')) {
        yield this.get('product').reload();
      }
    }
  }).on('init'),

  actions: {
    // Cancel the periodic data reload task
    cancelReloadTask() {
      this.get('_reloadDataTask').cancelAll();
    },

    // Restart the periodic data reload task
    restartReloadTask() {
      this.get('_reloadDataTask').perform();
    },
  },
});

I have read your very good post and i have a question. Did you have an code example of what you said here ?

we store two task instances in our model, one for the current data request, and one for the last performed data request for this same model.