internetsadboy

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

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.

MySQL

Getting started

`module.exports =` and ES6 Module Interop in Node.js

The question: how can we use ES6 modules in Node.js, where modules-as-functions is very common? That is, given a future in which V8 supports ES6 modules:

How can authors of function-modules convert to ES6 export syntax, without breaking consumers that do require("function-module")()?
How can consumers of function-modules use ES6 import syntax, while not demanding that the module author rewrites his code to ES6 export?

@wycats showed me a solution. It involves hooking into the loader API to do some rewriting, and using a distinguished name for the single export.

This is me eating crow for lots of false statements I've made all over Twitter today. Here it goes.

	html,
	body {
	margin: 0;
	padding: 0;
	}

	button {
	margin: 0;
	padding: 0;
	border: 0;

	M[16],X=16,W,k;main(){T(system("stty cbreak")
	);puts(W&1?"WIN":"LOSE");}K[]={2,3,1};s(f,d,i
	,j,l,P){for(i=4;i--;)for(j=k=l=0;k<4;)j<4?P=M
	[w(d,i,j++)],W\|=P>>11,l*P&&(f?M[w(d,i,k)]=l<<
	(l==P):0,k++),l=l?P?l-P?P:0:l:P:(f?M[w(d,i,k)
	]=l:0,++k,W\|=2*!l,l=0);}w(d,i,j){return d?w(d
	-1,j,3-i):4*i+j;}T(i){for(i=X+rand()%X;M[i%X]
	*i;i--);i?M[i%X]=2<<rand()%2:0;for(W=i=0;i<4;
	)s(0,i++);for(i=X,puts("\e[2J\e[H");i--;i%4\|\|
	puts(""))printf(M[i]?"%4d\|":" \|",M[i]);W-2

	#!/usr/bin/env node

	'use strict';

	var spawn = require('child_process').spawn;

	var args = [
	'--harmony',
	'app/bootstrap.js'
	];

	/**
	* Author: Felipe Ferreri Tonello <[email protected]>
	*
	* This url-shortner it only works with ASCII characters. It encodes and
	* decodes ids.
	* You can change base_x as you wish.
	*
	* It runs at least 20 times faster then a Python implementation.
	*
	* $ time python url-shortner.py -s I7

	d3.csv("data/gates_money.csv", function(data) {
	custom_bubble_chart.init(data);
	custom_bubble_chart.toggle_view('all');
	});

	$(document).ready(function() {
	$('#view_selection a').click(function() {
	var view_type = $(this).attr('id');
	$('#view_selection a').removeClass('active');
	$(this).toggleClass('active');

	/*
	* Implements base64 decode and encode in browser that
	* it hasn't support of window.btoa and window.atob
	* methods.
	* Based in Nick Galbreath
	* http://code.google.com/p/stringencoders/source/browse/#svn/
	* and Carlo Zottmann jQuery port
	* http://github.com/carlo/jquery-base64
	* Adapted by SeViR in DIGIO
	*/