Joël Galeran Jolg42

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] {

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

http://www.fontsquirrel.com/tools/webfont-generator

Open the Terminal app (search for it in Spotlight)
Enter the following command at the prompt to delete the offending files and folders (you will be prompted for your admin password):
```
 sudo rm -rf ~/Library/Google/GoogleSoftwareUpdate/*
```
We're not done yet. Google will re-install its software update junk, so we have to change the owner and group of the folder to the "admin" user:
```
 sudo chown root:wheel ~/Library/Google/GoogleSoftwareUpdate
```

	#!/bin/bash

	bucket=$1

	set -e

	echo "Removing all versions from $bucket"

	versions=`aws s3api list-object-versions --bucket $bucket \|jq '.Versions'`
	markers=`aws s3api list-object-versions --bucket $bucket \|jq '.DeleteMarkers'`

	:javascript
	$(document).ready(function() {
	window.loadIngredientSuggestionsEditor(#{@ingredients});
	});
	%h1 Edit ingredient suggestions
	#js-ingredient-suggestions-editor


	var docRef = app.activeDocument;

	cTID = function(s) { return app.charIDToTypeID(s); };
	sTID = function(s) { return app.stringIDToTypeID(s); };

	function newGroupFromLayers(doc) {
	var desc = new ActionDescriptor();
	var ref = new ActionReference();
	ref.putClass( sTID('layerSection') );

	var module = angular.module('facebook', []);

	module.constant('facebookInit', function(facebookAppID) {

	var initialized = false;

	return function($q) {

	if (initialized) {
	return;

	/**
	* Retrieves all the rows in the active spreadsheet that contain data and logs the
	* values for each row.
	* For more information on using the Spreadsheet API, see
	* https://developers.google.com/apps-script/service_spreadsheet
	*/
	function readRows() {
	var sheet = SpreadsheetApp.getActiveSheet();
	var rows = sheet.getDataRange();
	var numRows = rows.getNumRows();

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

	Copyright (C) 2014 ADDY OSMANI <addyosmani.com>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION