Ember Subs 【Exclusive × 2027】

// Unsubscribe (important!) this.eventBus.off('data-updated', this, this.handleUpdate);

If you really need a global event bus:

// app/services/event-bus.js import Service from '@ember/service'; import Evented from '@ember/object/evented'; export default class EventBusService extends Service.extend(Evented) {} ember subs

Only use subscriptions when data enters your app . 3. Subscribing to External Data (Best Practice) Step 1: Create a service // app/services/price-feed.js import Service from '@ember/service'; import tracked from '@glimmer/tracking'; import action from '@ember/object'; export default class PriceFeedService extends Service @tracked currentPrice = null; @tracked isConnected = false;

willDestroy() super.willDestroy(...arguments); this.priceFeed.disconnect(); // Unsubscribe (important

// app/components/price-display.js import Component from '@glimmer/component'; import inject as service from '@ember/service'; export default class PriceDisplayComponent extends Component @service priceFeed;

constructor() super(...arguments); this.priceFeed.connect(); /if ✅ No manual observers – just tracked

#if this.priceFeed.isConnected Current price: this.priceFeed.currentPrice else Connecting... /if ✅ No manual observers – just tracked properties and lifecycle hooks. 4. Subscriptions with Ember Data (Live Queries) If your backend pushes changes via WebSockets, update the store directly: