Skip to content

Instantly share code, notes, and snippets.

View johnthedebs's full-sized avatar

John Debs johnthedebs

View GitHub Profile

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

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

@piscisaureus
piscisaureus / pr.md
Created August 13, 2012 16:12
Checkout github pull requests locally

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = git@github.com:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

@johnthedebs
johnthedebs / osx_developer_installation.rst
Created February 28, 2012 02:44 — forked from KristianOellegaard/osx_developer_installation.rst
Instructions on how to setup an OSX developer machine for (python/django) development
@alecperkins
alecperkins / style.css
Created July 13, 2011 22:02
Basic variable-length args for a Sass mixin
div.foo-section h2, div.bar-section h2 { height: 20px; padding-left: 30px; background-position: left top; }
div.foo-section h2.my { background-image: url("images/my.png"); }
div.foo-section h2.very { background-image: url("images/very.png"); }
div.foo-section h2.excellent { background-image: url("images/excellent.png"); }
div.foo-section h2.mother { background-image: url("images/mother.png"); }
div.foo-section h2.just { background-image: url("images/just.png"); }
div.foo-section h2.sent { background-image: url("images/sent.png"); }
div.foo-section h2.us { background-image: url("images/us.png"); }
div.foo-section h2.nine { background-image: url("images/nine.png"); }
@jeresig
jeresig / .vimrc
Created May 4, 2011 16:46
VIM Config
au BufRead,BufNewFile jquery.*.js set ft=javascript syntax=jquery
set nocompatible
set autoindent
set tabstop=2
set showmatch
set vb t_vb=
set ruler
set nohls
set incsearch
syntax on