pixelhandler

import { computed, defineProperty } from '@ember/object';
import { later } from '@ember/runloop';

export default Ember.Controller.extend({
  init() {
    later(() => {
      defineProperty(this, 'delayedProperty', computed(() => 'foo'));
      this.notifyPropertyChange('delayedProperty');
    }, 2000);
  },

pixelhandler

import Ember from 'ember';

const values = [
	0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100
];

export default Ember.Controller.extend({
  sliderIndex: 1,

  values: Ember.computed('sliderIndex', function() {

pixelhandler

Measuring Performance with User Timing API

By Bill Heaton @pixelhandler

http://www.w3.org/TR/user-timing/#performancemark

See post: Measuring Performance with User Timing API, in an Ember Application

Measuring Performance with User Timing API

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  someVal: 5
});

pixelhandler

import Ember from 'ember';

export default Ember.Component.extend({
  prop1: false,
  hello: 'Text set by comp-1',
  
  actions: {
    customAction1() {
      this.toggleProperty('prop1');
    }

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

pixelhandler

import Ember from 'ember';
import { computed, get } from '@ember/object';

export default Ember.Component.extend({
  baz: computed('foo', {
    get() {
      alert(get(this, 'foo'));
    }
  })
});

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  count: 4,
  rawCount: 4,
  actions: {
    update(value) {
      if (value > 999) {
        this.set('count', 999);

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

// Broken on 2.10.2
// Works as expected on 2.9.1