Avery Bloom averydev

	export default () => {
	let foo = [1,2,3]
	let output = foo.map( f => `.rule-${f}: { border-width:${f}px;});
	return output;
	}

	/** Result
	* [".rule-1: { border-width: 1px };",
	* ".rule-2: { border-width: 2px };"
	* ".rule-3: { border-width: 1px };"]

	import Ember from 'ember';

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

	});

	commentsTask: task(function *(){
	let blog = yield this.modelFor('blog').blogTask;
	let comments = yield blog.get('comments');
	return comments;
	}).cancelOn('deactivate')

	//In your route
	import Route from '@ember/routing/route';
	import { task } from 'ember-concurrency';
	export default Route.extend({
	model: function (params){
	return {
	blog: this.get('blogTask').perform(params.blog_id)};
	},
	blog: task(function *(blogId){
	let blog = yield this.get('store').findRecord('blog', blogId );

	// routes/blog/comments.js
	model: function (params){
	return {
	comments: this.get('commentsTask').perform()
	};
	},
	commentsTask: task(function *(){
	let blog = yield this.modelFor('blog').blogTask;
	let comments = yield blog.get('comments');
	return comments;

	// In your route...
	import Route from '@ember/routing/route';
	import { task } from 'ember-concurrency';
	export default Route.extend({
	model: function (){
	return {
	blog: this.get('blogTask').perform()
	};
	},
	blogTask: task(function *(){

	import Ember from 'ember';

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

	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: 'button',
	click(evt) {
	console.log('x-button click', evt); // will be torn down
	this.sendAction();
	}
	});