Gary Smith scopevale

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

Wish you had some immutability in Javascript? Now you can!

var t = {a: 1, b: 2}.immutable();
console.log(t.a, t.b);
try {
  t.a = 3; // ->  Uncaught Error: a is immutable and cannot be modified.
} catch (e) {
  console.log(e);
}

var t2 = t.copy({a: 3});

	// This is the equivalent of the old waitsFor/runs syntax
	// which was removed from Jasmine 2
	waitsForAndRuns = function(escapeFunction, runFunction, escapeTime) {
	// check the escapeFunction every millisecond so as soon as it is met we can escape the function
	var interval = setInterval(function() {
	if (escapeFunction()) {
	clearMe();
	runFunction();
	}
	}, 1);

	function inView(el, fn) {

	var location, size;

	el.getCssValue('display')
	.then(function (display) {
	if (display === 'none') {
	fn(false);
	} else {
	return el.getSize()

	var Node = function(value) {
	this.value = value;
	this.next=null;
	return this;
	};

	var LinkedList = function(node){
	this.head = node;
	return this;
	};

	http {
	proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=one:8m max_size=3000m inactive=600m;
	proxy_temp_path /var/tmp;
	include mime.types;
	default_type application/octet-stream;
	sendfile on;
	keepalive_timeout 65;

	gzip on;
	gzip_comp_level 6;

	/*
	* quickstart.js
	* ~~~~~~~~~~~~~
	*
	* Code from the Stormpath Node.js Quickstart:
	* http://docs.stormpath.com/nodejs/quickstart/
	*
	* You can run this code by typing:
	*
	* $ node quickstart.js

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

	/*!
	* Grunt
	* $ npm install grunt-contrib-uglify grunt-autoprefixer grunt-contrib-cssmin grunt-contrib-imagemin grunt-contrib-sass grunt-contrib-watch grunt-contrib-concat grunt-contrib-clean grunt-contrib-jshint grunt-notify --save-dev
	*/

	module.exports = function(grunt) {

	grunt.initConfig({

	// Sass

	sudo apt-get install libonig-dev
	gem install oniguruma