Kir Belevich deepsweet

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 Modern.ie Virtual Machine Images – VMs used for testing several versions of IE – are now also available as vagrant boxes. Here’s the list:

XP with IE6: http://aka.ms/vagrant-xp-ie6
XP with IE8: http://aka.ms/vagrant-xp-ie8
Vista with IE7: http://aka.ms/vagrant-vista-ie7
Windows 7 with IE8: http://aka.ms/vagrant-win7-ie8
Windows 7 with IE9: http://aka.ms/vagrant-win7-ie9
Windows 7 with IE10: http://aka.ms/vagrant-win7-ie10
Windows 7 with IE11: http://aka.ms/vagrant-win7-ie11
Windows 8 with IE10: http://aka.ms/vagrant-win8-ie10

2015-01-29 Unofficial Relay FAQ

Compilation of questions and answers about Relay from React.js Conf.

Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.

What is Relay?

Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Jake Archibald (@jaffathecake): The ServiceWorker is coming; look busy
https://speakerdeck.com/jaffathecake/the-serviceworker-is-coming-look-busy https://github.com/jakearchibald/trained-to-thrill/
https://www.youtube.com/watch?v=SmZ9XcTpMS4

Hunter Loftis (@hunterloftis): We Will All Be Game Progmrammers
http://wwabgp.herokuapp.com/s
http://youtu.be/QX0eauXBKwc

CarterRabasa (@carterrabasa): A Community of People; Not Projects

	#!/bin/sh

	# This script runs every other night at 04:56 CET on a webserver I maintain
	# Results are always at: https://jult.net/block.txt ( or https://jult.net/block.txt.gz )
	# And much smaller, stripped of BS; https://jult.net/bloc.txt
	# For use in Tixati IP filter: https://jult.net/bloc.txt.gz !!!
	# And finally a txt file with just the bold IP-ranges: https://jult.net/bl.txt (or https://jult.net/bl.txt.gz )

	# Download open block-lists, unpack, filter:
	curl -s https://www.iblocklist.com/lists.php \| grep -A 2 Bluetack \| xargs wget -qO - --limit-rate=500k \| gunzip -f \| egrep -v '^#' > /tmp/xbp

	var path = require('path');
	var webpack = require('webpack');

	var reactNativeExternalsPromise = (function () {
	var reactNativeRoot = path.dirname(require.resolve('react-native/package'));
	var blacklist = require('react-native/packager/blacklist');
	var ReactPackager = require('react-native/packager/react-packager');
	const rnEntryPoint = require.resolve('react-native');

	return ReactPackager.getDependencies({

	{
	"cssconf": {
	"location": {
	"date": "September 12, 2014",
	"country": "Germany",
	"city": "Berlin",
	"venue": "Radialsystem V",
	"lat": 52.51039,
	"long": 13.42864
	},

	# http://stackoverflow.com/a/28818420/484780
	git describe --abbrev=0 --tags `git rev-list --tags --skip=1 --max-count=1`