Josh Black joshblack

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

react-arduino

React has revolutionized the way we write user interfaces. It brings an extremely simple mental model to the authoring of UIs. React-native, react-canvas, and other projects have shown us that this model extends beyond the browser DOM.

I believe that this functional, predictable approach can also revolutionize how we build real-world user interfaces.

Moved to git repository: https://github.com/denji/golang-tls

Generate private key (.key)

# Key considerations for algorithm "RSA" ≥ 2048-bit
openssl genrsa -out server.key 2048

# Key considerations for algorithm "ECDSA" ≥ secp384r1
# List ECDSA the supported curves (openssl ecparam -list_curves)

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:

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

	import RelayStoreData from 'react-relay/lib/RelayStoreData';
	import RelayQueryPath from 'react-relay/lib/RelayQueryPath';
	import printRelayQuery from 'react-relay/lib/printRelayQuery';

	import {List,Map} from 'immutable';

	var REMOVE_KEYS = [
	'_storage'
	];

	var Bar1 = base => class extends base {
	componentWillMount(){
	super.componentWillMount();
	console.log('Bar1');
	}
	};

	var Bar2 = base => class extends base {
	componentWillMount(){
	super.componentWillMount();