greyhwndz

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Components - Sending an Action to Application',
  appMessage: '',
  actions: {
    greet(message) {
       this.set('appMessage',  message);
    }
  }

greyhwndz

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Components - Simple and Block Form'
});

greyhwndz

import Ember from 'ember';

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

greyhwndz

This post is also on my blog, since Gist doesn't support @ notifications.

---

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

• Use Ember CLI
• In general, replace views + controllers with components
• Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
• Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.

greyhwndz

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
   	doIt(msg){
     	this.sendAction('theAction', msg); 
    }
  }
});

greyhwndz

Ember Data v1.13.x Cheatsheet

Things to remember

• If you return a promise beforeModel, model, and afterModel in a route, it will wait to resolve the promise before transitioning into the route. This is helpful when using loading and error substate templates.

• All ember data records go into a global cache. There is not a cache per query,

greyhwndz

• Data Down / Actions Up

  • http://emberjs.jsbin.com/nayaho/edit?html,js - Interdependent select boxes. No observers.
  • http://ember-twiddle.com/2d7246875098d0dbb4a4 - One Way Input

• Other

  • http://emberjs.jsbin.com/rwjblue/251/edit?html,js,output - Opening a window and communicate with it.
  • http://emberjs.jsbin.com/rwjblue/55/edit - Using liquid-fire animations in globals mode.
  • http://emberjs.jsbin.com/rwjblue/593/edit - Modify computed dependent keys after initialization.
  • http://emberjs.jsbin.com/siforo/edit?js,output - Define computed property after object initialization.

• http://emberjs.jsbin.com/rwjblue/299/edit?js,output - simplified version of ic-ajax

greyhwndz

var ENV = {
    modulePrefix: 'frontend',
    environment: environment,
    baseURL: '/',
    locationType: 'auto',
    EmberENV: {
      FEATURES: {
        // Here you can enable experimental features on an ember canary build
        // e.g. 'with-controller': true
      }

greyhwndz

import Ember from 'ember';

export default Ember.Controller.extend({
  airplaneMode: false,
  wifi: true,
  bluetooth: true,
  
  actions: {
    setAirplaneMode(value) {
      if (value) {

greyhwndz

# Usage:
# 
# post.serialize(include: ['comments'], comments: {include: ['author']})
#
# gives:
# {
#   data: {
#     attributes: {id: 1, name: 'post name'},
#     relationships: {