Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  foos: ['hello', 'goodbye', 'maybe'],
  bar: 'maybe'
});

Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: [
    { name: 'Apple', count: 2 },
    { name: 'Banana', count: 4 },
    { name: 'Cherry', count: 6 },
    { name: 'Durian', count: 8 },
    { name: 'Elderberry', count: 3 },

Kerrick

import Ember from 'ember';

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

Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  firstName: '',
  lastName: '',
  fullName: Ember.computed('firstName', 'lastName', function() {
    const firstName = this.get('firstName');
    const lastName = this.get('lastName');
    
    if (firstName && lastName)  {

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['gets-classes-added'],
  classNameBindings: ['extraClassNames'],
  setupExtraClasses: Ember.on('init', function() {
    this.set('extraClasses', []);
  }),
  extraClassNames: Ember.computed('extraClasses', function() {
    return this.get('extraClasses').join(' ');

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['gets-classes-added'],
  actions: {
    addClass() {
      const newClass = Math.random().toString().slice(2);
      this.get('classNames').addObject(newClass);
    }
  }

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  value: false,
  actions: {
    toggle() {
      this.toggleProperty('value');
    }
  }
});

Kerrick

import Ember from 'ember';

const FooMixin = Ember.Mixin.create({
  foo() {
    alert('foo');
  }
});

const obj = Ember.Object.extend(FooMixin).create();

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
});

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: ''
});