Chris Houghton chrisjhoughton

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).

Greetings Front-end hopeful.

We would like you to spend no more than 4 hours of happy fun time turning a payload like this:

{
  "value": 34,
  "min": 0,
  "max": 200,
 "format": "currency",

	var waitForEl = function(selector, callback) {
	if (jQuery(selector).length) {
	callback();
	} else {
	setTimeout(function() {
	waitForEl(selector, callback);
	}, 100);
	}
	};

	var multiline = function (fn) {
	var reCommentContents = /\/\\s([\s\S]?)\s\*\//;
	return reCommentContents.exec(fn.toString())[1];
	};

	var html = multiline(function(){/*
	<div>
	<marquee>HELLO</marquee>
	</div>
	*/});

	# Create your superuser
	$ mongo
	> use admin
	> db.createUser({user:"someadmin",pwd:"secret", roles:[{role:"root",db:"admin"}]})
	> exit

	# Alias for convenience (optional and at your own risk)
	$ echo 'alias mongo="mongo --port 27017 -u someadmin -p secret --authenticationDatabase admin"' >> ~/.bash_profile
	$ source ~/.bash_profile

	{% if template contains 'product' %}
	<meta property="og:type" content="product">
	<meta property="og:title" content="{{ product.title \| strip_html \| escape }}">
	<meta property="og:category" content="{{ product.type }}" />
	{% for image in product.images limit:3 %}
	<meta property="og:image" content="http:{{ image.src \| product_img_url: 'master' }}">
	<meta property="og:image:secure_url" content="https:{{ image.src \| product_img_url: 'master' }}">
	{% endfor %}
	<meta property="og:price:amount" content="{{ product.price \| money_without_currency \| stip_html \| escape \| remove: ',' }}">
	<meta property="og:price:currency" content="{{ shop.currency }}">

	# Path to boto config file, needed by gsutils
	BOTO_CONFIG="/etc/boto.cfg"

	# Path in which to create the backup (will get cleaned later)
	BACKUP_PATH="/mnt/data/dump/"

	# DB name
	DB_NAME="mydatabase"

	# Google Cloud Storage Bucket Name

	# first:
	lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \| while read f; do sudo rm /usr/local/${f}; done
	sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*

	# To recap, the best way (I've found) to completely uninstall node + npm is to do the following:

	# go to /usr/local/lib and delete any node and node_modules
	cd /usr/local/lib
	sudo rm -rf node*

	# Be sure to save your config files. Optional but I do:
	sudo cp /etc/postgresql/9.3/main/postgresql.conf ~
	sudo cp /etc/postgresql/9.3/main/pg_hba.conf ~

	# Package repo (for apt-get)
	wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc \| sudo apt-key add -
	sudo sh -c 'echo "deb http://apt.postgresql.org/pub/repos/apt/ precise-pgdg main" >> /etc/apt/sources.list.d/postgresql.list'

	# Also probably optional but I like to update sources and upgrade
	sudo apt-get update

	//Look for other responsivevoice instances
	/*if (window.parent != null) {
	var iframes = window.parent.document.getElementsByTagName('iframe');
	for (var i = 0; i < iframes.length; i++) {
	//iframes[i].style.width = "300px"
	}
	}*/

	if (typeof responsiveVoice != 'undefined') {
	console.log('ResponsiveVoice already loaded');