Dmytro Voronianski voronianski

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

File Magic Numbers

Magic numbers are the first bits of a file which uniquely identify the type of file. This makes programming easier because complicated file structures need not be searched in order to identify the file type.

For example, a jpeg file starts with ffd8 ffe0 0010 4a46 4946 0001 0101 0047 ......JFIF.....G ffd8 shows that it's a JPEG file, and ffe0 identify a JFIF type structure. There is an ascii encoding of "JFIF" which comes after a length code, but that is not necessary in order to identify the file. The first 4 bytes do that uniquely.

This gives an ongoing list of file-type magic numbers.

Image Files

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Disclaimer: This is an unofficial post by a random person from the community. I am not an official representative of io.js. Want to ask a question? open an issue on the node-forward discussions repo

io.js - what you need to know

io is a fork of node v0.12 (the next stable version of node.js, currently unreleased)
io.js will be totally compatible with node.js
the people who created io.js are node core contributors who have different ideas on how to run the project
it is not a zero-sum game. many core contributors will help maintain both node.js and io.js

	/**
	* A Javascript test runner in 20 lines of code
	* From http://joakimbeng.eu01.aws.af.cm/a-javascript-test-runner-in-20-lines/
	*/
	(function () {
	// The test queue:
	var tests = [];

	// Function to add tests:
	this.test = function test (name, cb) {

	[

	//
	// TABS (REGULAR)
	//

	// Tab set
	{
	"class": "tabset_control",
	"layer0.texture": "",

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Credit Card Form</title>
	<style>
	.forAppleCardScan {
	width: 1px;
	height: 1px;
	margin-left: -1000px;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Credit Card Form</title>
	</head>
	<body>
	<form>
	<fieldset>
	<label for="ccName">Name on card</label>

	<div id="demo">
	<h1>{{bob.fields.firstName}} {{bob.fields.lastName}}</h1>
	</div>

	<ul id="humans-list">
	<li v-repeat="humans">
	{{fields.firstName}} {{fields.lastName}}
	</li>
	</ul>