Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['classname-1', 'classname-2'],
  classNameBindings: ['class3:classname-3','class4:classname-4'],
 
  actions: {
    
    // Toggle the class4 property, which makes the binding update
    toggleClass: function(prop) {

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this._super(...arguments);
    Ember.run.schedule('afterRender', () => {
      this.set('value', 42);
    });
    console.log('didInsertElement did run');
  }

Serabe

import Ember from 'ember';
const { computed } = Ember;

export default Ember.Component.extend({
  isTrue1: computed.equal('value1', 'true'),
  isTrue2: computed.equal('value2', 'true'),
  isTrue3: computed.equal('value3', 'true'),
  
  init() {
    this._super(...arguments);

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    console.log('\ninit', this.get('vInit'));
    this.set('vInit', 99);
  },
  
  didReceiveAttrs() {

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

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

var Item = Ember.Object.extend({
  value: 0,
  hasValue: Ember.computed.gte("value", 1)
});

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  componentName: 'component-one',
  name: 'Ben',
  
  actions: {
    switchComponent(name) {
    	 this.set('componentName', name);
    }

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions: {
    toggle() {
      this.toggleProperty('toggled');
    }
  }
});