Seif Sallam seifsallam

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.

Query Param API Examples

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

	# This is a little ember easyform hack to make errors display when the form is
	# submitted
	Ember.EasyForm.Input.reopen
	errorsChanged: (->
	@set('hasFocusedOut', true)
	@showValidationError()
	)

	didInsertElement: ->
	@addObserver("context.errors.#{@property}.@each", @, 'errorsChanged')

	.form-group
	label
	\| Time Zone
	time-zone value=model.timezone



	// Extend Ember.Route to add support for sensible
	// document.title integration.
	Ember.Route.reopen({

	// `titleToken` can either be a static string or a function
	// that accepts a model object and returns a string (or array
	// of strings if there are multiple tokens).
	titleToken: null,

	// Debounced autosave for Ember.js
	// Original code by Mitch Lloyd http://gaslight.co/blog/?author=mitchlloyd
	// updated from http://gaslight.co/blog/an-autosave-pattern-for-ember-and-ember-data
	// repo at https://github.com/gaslight/ember-autosaving
	// Changed to work with latest Ember Data as of 2013-12-16 by Genkilabs
	// Includes hooks for pacifier from http://ricostacruz.com/nprogress
	// NOTE: This requires a 2 part install in which the controller and any models it loads have the corresponding mixin

	// This is how long we will wait on a form before saving. I like to put this in App.AUTOSAVE_DELAY
	var AUTOSAVE_DELAY = 1500

	/* global google */
	var GoogleMapComponent = Ember.Component.extend({
	places: [],
	width: 500,
	height: 500,

	attributeBindings: ['style'],

	style: function () {
	return 'width:'+this.width+'px; height:'+this.height+'px';