Billy Heaton pixelhandler

Ember-SC Jan 2015

Group Discussion of Ember 2.0, http://www.meetup.com/Ember-SC/events/219194819/

Ember 2.0 Evolution

Who Am I? ...Bill Heaton @pixelhandler

Looking Back

Perf test

Blog app (pixelhandler.com) test index page.

Diff: https://github.com/pixelhandler/blog/compare/perftest

Notes:

http://www.w3.org/TR/user-timing/#dom-performance-mark

Measuring Performance with User Timing API

By Bill Heaton @pixelhandler

http://www.w3.org/TR/user-timing/#performancemark

See post: Measuring Performance with User Timing API, in an Ember Application

Measuring Performance with User Timing API

A Bet on Web Components and Ember.Component Synchronicity

by Bill Heaton @pixelhandler

We’ll take a look at for both Web Components and Ember Components, and blur the lines between the two.

With the Ember 2.X Evolution on the way, you will have a new generation of first class citizens for your DOM.

Design your Ember Components with future standards in mind, learn easy ways for components to communicate using native events, & how to use native Web Components in synchronicity with Ember Components.

Curated Content: Ember Cookbook

Community submitted and reviewed cookbook content for solutions using the Ember.js framework.
Authenticated user (with github) may 'suggest a solution'

Content format (solution)

(follows the original Ember.js Guides/Cookbook)

Ember Issue Triage

Some background on issue tracking:

When Ember developers assist the core team with issue triage, the core team and contributors can spend more focused time on actionable results.

	/*
	Add `nouns` as http mocks and use in a local db, available via API in develoment

	* Install the adapter `npm install rethinkdb_adapter --save-dev`
	* Install RethinkDB, see https://github.com/pixelhandler/ember-slide-deck/blob/master/bin/install_rethinkdb.sh
	* Start db `rethinkdb`
	* Setup Db and Table, see https://github.com/pixelhandler/ember-slide-deck/blob/master/bin/setup_db.js
	* Generate a mock `ember g http-mock nouns` and edit your mock to use the db, see code below for 'slides'
	* Set your application adapter to use `namespace: 'api'`
	* In our routes use Ember Data in your model hook

	import Ember from 'ember';

	export default Ember.Component.extend({
	actions: {
	mouseDown() {
	console.log('mouseDown');
	},
	focusOut() {
	console.log('focusOut');
	}

	import Ember from 'ember';

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

	/node_modules
	npm-debug.log