developit

Moved to my new blog: jasonformat.com/wtf-is-jsx

It's actually really straightforward. Take 1 minute and read this.

Pragma

You declare this per-file or per-function to tell your transpiler (eg: Babel) the name of a function that should be called (at runtime) for each node.

NickBeeuwsaert

/* Attempts to screen-shot a element onto a canvas */
var css = function(el, styles){
    for (var style in styles) {
        if(!styles.hasOwnProperty(style)) continue;
        el.style[style] = styles[style];
    }
    return el;
};
var selectElement = function(callback){
    var selection = document.createElement("div");

NickCraver

##################
# Privacy Settings
##################

# Privacy: Let apps use my advertising ID: Disable
Set-ItemProperty -Path HKCU:\SOFTWARE\Microsoft\Windows\CurrentVersion\AdvertisingInfo -Name Enabled -Type DWord -Value 0
# To Restore:
#Set-ItemProperty -Path HKCU:\SOFTWARE\Microsoft\Windows\CurrentVersion\AdvertisingInfo -Name Enabled -Type DWord -Value 1
# Privacy: SmartScreen Filter for Store Apps: Disable
Set-ItemProperty -Path HKCU:\SOFTWARE\Microsoft\Windows\CurrentVersion\AppHost -Name EnableWebContentEvaluation -Type DWord -Value 0

developit

/** Typed DOM node factory with reclaimation */
let recycler = {
	collect(node) {
		recycler.clean(node);
		let name = node.nodeName,
			list = recycler.nodes[name];
		if (list) list.push(node);
		else recycler.nodes[name] = [node];
	},
	create(nodeName) {

developit

/** Bind a method to lexical scope.
 *  @example
 *  class Foo {
 *    @bind
 *    bar() {
 *      assert.ok( this instanceof Foo );
 *    }
 *  }
 */
export default (target, key, { value: fn }) => ({

ebidel

// An `Object.observe()` "polyfill" using ES6 Proxies.
//
// Current `Object.observe()` polyfills [1] rely on polling
// to watch for property changes. Proxies can do one better by
// observing property changes to an object without the need for
// polling.
//
// Known limitations of this technique:
// 1. the call signature of `Object.observe()` will return the proxy
//    object. The original object needs to be overwritten with this return value.

domenic

"use strict";
const vm = require("vm");

const sandbox = { anObject: {} };
const whatIsThis = vm.runInNewContext(`
    const ForeignObject = anObject.constructor;
    const ForeignFunction = ForeignObject.constructor;
    const process = ForeignFunction("return process")();
    const require = process.mainModule.require;
    require("fs");

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

developit

let behaviorA = {
  greet(greeting) {
    return greeting;
  }
};


@mixes(behaviorA)
class Foo {

gaearon

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    if (fn(obj[key])) {