Balint Erdi balinterdi

👌

Enjoying life, including work.

I am a lover of (almost) all things web, an Ember.js consultant and the author of the Rock and Roll with Ember.js books.

balinterdi / destructuring.js

Last active September 6, 2016 07:24

Fooling around with ES2015 destructurings

	var pearlJam = {
	members: [
	{ firstName: 'Eddie', lastName: 'Vedder' },
	{ firstName: 'Mike', lastName: 'McCready' },
	{ firstName: 'Jeff', lastName: 'Ament' },
	]
	}

	let { members: [ eddieVedder ] } = pearlJam;
	let { firstName: eddie } = eddieVedder;

balinterdi / person.js

Created June 20, 2016 08:10

Composing `friendships` from the constituent parts - doesn't work

	export default Model.extend({
	name: DS.attr(),
	frienderFriendships: DS.hasMany('friendship', { inverse: 'friender' }),
	friendedFriendships: DS.hasMany('friendship', { inverse: 'friended' }),

	friendships: Ember.computed('frienderFriendships', 'friendedFriendships', function() {
	let friendedFriendshipsRel = this.hasMany('friendedFriendships');
	let frienderFriendshipsRel = this.hasMany('frienderFriendships');

	let frienderFriendships;

balinterdi / route.js

Created June 20, 2016 07:21

Eager-fetch belongsTo relationships – does not work

	model(params) {
	return this.store.findRecord('person', params.person_id)
	.then((person) => {
	return {
	friendships: person.get('friendships', { include: 'friender,friended' }),
	person
	}});
	},

balinterdi / controllers.application.js

Created April 8, 2016 12:32

RARWE: First template

	import Ember from 'ember';

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

balinterdi / ga-events.js

Created March 4, 2016 20:40

Prevent GA to report too high of a bounce rate for your "one page at one visit" site (a landing page or a blog)

	$.domReady(function(){
	// Fire an event so that GA doesn't count it as a "bounce"
	// http://blog.popcornmetrics.com/why-your-google-analytics-bounce-rate-is-wrong-and-how-to-fix-it/
	function readPage() {
	ga('send', {
	'hitType': 'event',
	'eventCategory': 'engagement',
	'eventAction': 'read'
	});
	}

balinterdi / app.css

Last active February 3, 2016 08:31

Binding style attributes warning in Ember

	body {
	margin: 12px 16px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12pt;
	}

	.bordered {
	border: 1px solid blue;
	height: 100px;
	}

balinterdi / application.controller.js

Created January 5, 2016 13:07

yield to inverse

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName:'Ember Twiddle',
	// value: 'Over The Hills'
	value: null,
	});

balinterdi / d3-heatmap.html

Created December 22, 2015 14:56 — forked from nfisher/d3-heatmap.html

Simple D3.js SVG heatmap

	<!doctype HTML>
	<title>D3 Test</title>
	<script src="d3.v3.min.js" charset="utf-8"></script>
	<style type="text/css">
	body {
	margin:0 auto;
	position:relative;
	width:958px;
	}
	.chart rect {

balinterdi / environment.js

Created October 8, 2015 19:23

CSP for Ember apps

	/* jshint node: true */
	const contentSecurityPolicy = {
	'default-src': "'none'",
	'script-src': "'self'",
	'font-src': "'self'",
	'connect-src': "'self' localhost:*",
	'img-src': "'self'",
	'style-src': "'self' 'unsafe-inline'",
	'media-src': "'self'"
	};

balinterdi / abstract.txt

Last active September 14, 2015 13:48

Talk description for Complex Component Design in Ember.js

	Designing component hierarchies in Ember had historically somewhat
	tortuous but with the arrival of block parameters (1.10) and closure
	actions (1.12), the difficulties have been vastly mitigated. I take a
	slightly complex example, that of an autocomplete input, and show how to
	go about implementing a nested component hierarchy in Ember and how the
	aforementioned features and others help us pull it off.