Yuan Qing Lim yuanqing

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

This is an example of using a Collection view with Backbone.

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

High level style in javascript.

Opinions are like assholes, every one has got one.

This one is mine.

Punctuation: who cares?

Punctuation is a bikeshed. Put your semicolons, whitespace, and commas where you like them.

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name

Stevey's Google Platforms Rant

I was at Amazon for about six and a half years, and now I've been at Google for that long. One thing that struck me immediately about the two companies -- an impression that has been reinforced almost daily -- is that Amazon does everything wrong, and Google does everything right. Sure, it's a sweeping generalization, but a surprisingly accurate one. It's pretty crazy. There are probably a hundred or even two hundred different ways you can compare the two companies, and Google is superior in all but three of them, if I recall correctly. I actually did a spreadsheet at one point but Legal wouldn't let me show it to anyone, even though recruiting loved it.

I mean, just to give you a very brief taste: Amazon's recruiting process is fundamentally flawed by having teams hire for themselves, so their hiring bar is incredibly inconsistent across teams, despite various efforts they've made to level it out. And their operations are a mess; they don't real

	// based on https://gist.github.com/Potfur/5576225 & https://github.com/james2doyle/saltjs
	// more info: https://plus.google.com/109231487156400680487/posts/63eZzzrBSb6
	window.$ = function(s) {
	var c = {
	'#': 'ById',
	'.': 'sByClassName',
	'@': 'sByName',
	'=': 'sByTagName'}[s[0]];
	return document[c?'getElement'+c:'querySelectorAll'](s.slice(1))
	};

	/**
	* Simple node.js style script loader for modern browsers
	**/
	function loadScript(src, cb) {
	var script = document.createElement('script');
	script.async = true;
	script.src = src;

	script.onerror = function() {
	cb(new Error("Failed to load" + src));

	#!/bin/bash
	# REQUIRES SUDO
	# Benchmark runner

	repeats=20
	output_file='benchmark_results.csv'
	command_to_run='echo 1'

	run_tests() {
	# --------------------------------------------------------------------------

	/**
	* Make a X-Domain request to url and callback.
	*
	* @param url {String}
	* @param method {String} HTTP verb ('GET', 'POST', 'DELETE', etc.)
	* @param data {String} request body
	* @param callback {Function} to callback on completion
	* @param errback {Function} to callback on error
	*/
	function xdr(url, method, data, callback, errback) {