Chenchen pedi

tmux cheat sheet

(C-x means ctrl+x, M-x means alt+x)

Prefix key

The default prefix is C-b. If you (or your muscle memory) prefer C-a, you need to add this to ~/.tmux.conf:

remap prefix to Control + a

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.

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

How to setup Tailscale on NETGEAR READYNAS Devices

Download and Extract Tailscale

Go to the the Tailscale Linux Download Website and select 'Other' as the distro.
Enable SSH on the NAS, and SSH into the admin account
Do su and type in the admin password
Download the stable release for 'arm' not arm64 in the admin home directory
Unpack the archive with tar xvf tailscale_VERSION_ARCH.tgz

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	/**
	* STEP 1: Setup
	* - Open Chrome Secure Shell settings
	* - Open JS Console (CTRL+SHIFT+J)
	* - Copy and paste the following:
	*/
	var s7d_colours = {
	'base03': '#002b36',
	'base02': '#073642',
	'base01': '#586e75',

	protobuf
	protobuf-2.6.0
	protobuf-2.6.1
	protobuf-master