mroderick

Keybase proof

I hereby claim:

• I am mroderick on github.
• I am mrgnrdrck (https://keybase.io/mrgnrdrck) on keybase.
• I have a public key whose fingerprint is 3ABC 8817 CF95 2AF1 78E1 0115 19F2 57E0 CF18 1A69

To claim this, I am signing this object:

mroderick

Using named constructors

The general usage of a Backbone class is to use the .extend method providing an .initialize method.

var MyView = Backbone.View.extend({
  initialize: function () {
    // Setup object.
 }

mroderick

var o = {hello:'world', greetings: ['one', 'two', 'three']};
undefined

// regular, difficult to read for large objects
JSON.stringify(o);
"{"hello":"world","greetings":["one","two","three"]}"

// presto!
JSON.stringify(o, '', '  ');
"{

mroderick

Morgan's favourite food blogs

In no particular order, except the first one ;-)

• http://www.vivrepourmanger.com
• http://luckypeach.com (get the newslettter!)
• https://www.cooksillustrated.com (you'll need a subscription)
• http://www.seriouseats.com (get the newsletter!)
• http://www.chefsteps.com (get the newsletter!)
• http://www.maangchi.com

mroderick

describe('this should cause tests to fail', function(){
    // this will cause an exception
    // causing mocha to ignore this whole file
    var hello = JSON.parse('{"hello":}');
    
    it('should something', function(){
        // magic
        assert.equal(true, true);
    })
});

mroderick

Frontend Curriculum

When I am king™, this will be curriculum for frontend developers.

If everyone would read these books, many discussions could be avoided, and the ones we would have would be a lot more interesting.

JavaScript

• Eloquent JavaScript
• JavaScript: The Good Parts
• JavaScript: The Definitive Guide

mroderick

Firefox debugger bug

When using the debugger and re-using an argument name in a chain of promises, the debugger displays the second argument as undefined().

Try running the examples in Firefox and compare what the debugger displays about the argument to the second callback.

mroderick

Sinon library inter-dependencies

These diagrams show how the Sinon family of libraries depend on each other. devDependencies are omitted, as they can be considering "internal", and shouldn't be installed by end users of sinon or referee

Sinon

┌────────────────────────┐                                                                                               
│    @sinonjs/commons    │◀──────────────────────────────────────────────────┐                                           

mroderick

#!/bin/bash

# if there are no staged changes, we can exit immediately
# this is fast and prevents issues when popping a stash we didn't create
STAGED_CHANGES=`git diff-index --cached HEAD --name-only --diff-filter ACMR`

if [ -z "$STAGED_CHANGES" ]; then
    exit 0
fi

mroderick

'use strict';

const sinon = require( 'sinon' );
const expect = require( 'chai' ).expect;

describe( 'Array.prototype', () => {
	describe( 'map()', () => {
		it( 'uses native map', () => {
			const callback = sinon.spy();
			const stub = sinon.stub( Array.prototype, 'map' ).returns( [ 2, 4 ] );