BinaryMuse

var data = keyMirror({
  ONE: null,
  TWO: null,
  
  OTHER: keyMirror({
    STUFF: null
  }, "OTHER")
});

BinaryMuse

var timeoutId = 0;
var timeouts = {};

var worker = new Worker("/static/timeout-worker.js");
worker.addEventListener("message", function(evt) {
  var data = evt.data,
      id = data.id,
      fn = timeouts[id].fn,
      args = timeouts[id].args;

BinaryMuse

Integrating React with Marionette

See ReactComponentView and BackboneModelWatchMixin, below.

Notes

The BackboneModelWatchView could use some additional methods to allow adding/removing watched models after the component is created.

BinaryMuse

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

BinaryMuse

ChangingModelPropMixin = function(propName, handlerName) {
  return {
    componentWillReceiveProps: function(nextProps) {
      if (nextProps[propName] && nextProps[propName] !== this.props[propName]) {
        this.props[propName].removeListener("change", this[handlerName]);
        nextProps[propName].on("change", this[handlerName]);
      }
    },
 
    componentDidMount: function () {

BinaryMuse

setInterval(function() {
  Array.prototype.slice.call(document.querySelectorAll('[data-reactid]')).forEach(function(node) {
    node.style.backgroundColor = 'rgba(255, 0, 0, 0.1)';
  })
}, 500)

BinaryMuse

angular.module('app.common.directives.html-editor', [])

.directive('htmlEditor', function() {
  return {
    restrict: 'E',
    scope: {
      'html': '='
    },
    link: function (scope, element, attrs, ctrl) {
      // this is a browserify bundle where my react components live

BinaryMuse

Text File Operations

Reverse the lines of a file

tail -r file

Join each line of a file together with a character

BinaryMuse

In response to Oliver O’Brien’s analysis of Snowden Route Maps. D3’s geographic projection system assumes great-arc segments between points, so it’s easy to build route maps like this.

BinaryMuse

A simple example drawing a great arc as a LineString. The projection is rotated to avoid interrupting the arc. See also an earlier example with multiple great arcs.