Refactor and implement pull based service

[snewcomer]

Currently, to migrate from computed (push based) to tracked (pull based) it requires something like tracked-built-ins.

An example of what a pure "pull" based (@tracked) setup might look like is as follows:

// services/media.js
import MediaService from 'ember-responsive/services/media';
import { TrackedArray } from 'tracked-built-ins';

export default class OurMediaService extends MediaService {
    constructor() {
        super(...arguments);

        this.matches = new TrackedArray(this.matches);
    }
}

I'd be happy to put together a PR to refactor this addon to more modern Ember paradigms!

[alexBaizeau]

It sounds like a great idea, I'm not super familiar with that new paradigm yet but I see that https://github.com/pzuraq/tracked-built-ins#tracked-built-ins doesn't support ie11.

What are our options for ie11?

[snewcomer]

@alexBaizeau Great point! Hadn't thought about that. However, if we just reset the matches instead of push/removeObject, then we can use plain @tracked.

this.matches = ['small', 'medium'];

Moreover, bumping to a minimum of Node 10 and support for a subset of Ember versions (later versions, not sure which) would require a major bump. This addon works great as is. However, for this migrating to new patterns, we can support them with a major bump.

[RobbieTheWagner]

@snewcomer did you ever end up implementing this?