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;
@cached get fullName() return $this.firstName $this.lastName ; ember subs
If you really need a global event bus:
connect() this.socket = new WebSocket('wss://example.com/prices'); this.socket.onmessage = (event) => this.updatePrice(JSON.parse(event.data)); ; this.socket.onopen = () => this.isConnected = true; Only use subscriptions when data enters your app
disconnect() this.socket?.close();
constructor() super(...arguments); this.priceFeed.connect(); import tracked from '@glimmer/tracking'
socket = null;