Jason Divock jdivock

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.

Git

Global Settings

Related Setup: https://gist.github.com/hofmannsven/6814278
Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
Interactive Beginners Tutorial: http://try.github.io/
Git Cheatsheet by GitHub: https://services.github.com/on-demand/downloads/github-git-cheat-sheet/

Reminder

Press minus + shift + s and return to chop/fold long lines!

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using `-moz-appearance:none;`

TL;DR (or, the fix)

Set -moz-appearance to none. This will "reset" the styling of the element;
Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;

Local (OS X) Side

`~/Library/LaunchAgents/pbcopy.plist`

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
     <key>Label</key>
     <string>localhost.pbcopy</string>

Org-mode Org-mode Reference Card

Org mode reference card

Created from the plain text reference card on orgmode.org Download this file, and open it in Emacs org-mode!

	const React = require('react');
	const _ = require('lodash');

	var model = new falcor.Model({
	cache: {
	movies: [
	{
	title: "Daredevil",
	plot: "Marvel lol",
	year: "2015-",

	(defvar path-to-dayone "/usr/local/bin/dayone"
	"Executable path to DayOne CLI")

	(defun dayone-save-new-entry ()
	"Save buffer as a new DayOne entry"
	(interactive)
	(if (executable-find path-to-dayone)
	(call-process-region
	1 (point-max) path-to-dayone nil nil nil "new")))

	# Mac OS X Lion introduced a new, iOS-like context menu when you press and hold a key
	# that enables you to choose a character from a menu of options. If you are on Lion
	# try it by pressing and holding down 'e' in any app that uses the default NSTextField
	# for input.
	#
	# It's a nice feature and continues the blending of Mac OS X and iOS features. However,
	# it's a nightmare to deal with in Sublime Text if you're running Vintage (Vim) mode,
	# as it means you cannot press and hold h/j/k/l to move through your file. You have
	# to repeatedly press the keys to navigate.

	(global-set-key (kbd "C-c C-r") 'run-mocha)

	(defun run-mocha()
	"Runs all the tests in the current buffer"
	(interactive)
	(let* (command result exit-value)
	(setq command (concat "mocha -r should " (buffer-name)))
	(setq exit-value (shell-command command))
	(color-modeline exit-value)))