Gleb glebcha

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

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Deploy Rails app to digitalocean with nginx, unicorn, capistrano & postgres

Create droplet of your liking (ubuntu 12.10 x32)

ssh to root in terminal with your server ip

ssh [email protected]

Add ssh fingerprint and enter password provided in email

	import Component from './component';

	class Widget extends Component {
	init(ctrl) {
	var props = this.props;

	ctrl.counter = props.initialValue;

	ctrl.increment = function() {
	ctrl.counter++;

	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0-modified \| 20110126
	License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	#!/bin/bash

	# Uninstall all Global modules from NPM
	# http://stackoverflow.com/questions/9283472/command-to-remove-all-npm-modules-globally
	npm -g ls \| grep -v 'npm@' \| awk '/@/ {print $2}' \| awk -F@ '{print $1}' \| xargs npm -g rm

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];

	module.exports = function(req, res, next) {
	// Make sure request is for a single entity, not for a collection of entities
	if (!req.params.id) {
	return res.forbidden('error.noPermission');
	}
	return next();
	};

	var spawn = require("child_process").spawn;
	var Q = require("q");

	/**
	* Wrap executing a command in a promise
	* @param {string} command command to execute
	* @param {Array<string>} args Arguments to the command.
	* @param {string} cwd The working directory to run the command in.
	* @return {Promise} A promise for the completion of the command.
	*/