Designing for Different Devices (Viewport Size, Touch/Hover, etc.)

If you do it in a static context like an initializer, then yes, that’s not going to be compatible with the upcoming “viewport based mobile mode” (currently disabled by default, but will be enabled soon).

If you do the check in an autotracking context like this:

@service site;
...
<template>
  {{#if this.site.mobileView}}
    ...
  {{/if}}
</template>

Then Ember will automatically re-render things when the mobileView boolean changes (i.e. when the browser is resized). So that’s fine.