Miguel Bermudez miguelbermudez

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

Clojure Destructuring Tutorial and Cheat Sheet

(Related blog post)

Simply put, destructuring in Clojure is a way extract values from a datastructure and bind them to symbols, without having to explicitly traverse the datstructure. It allows for elegant and concise Clojure code.

Vectors and Sequences

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.

	#!/bin/bash

	# Shamelessly taken from http://mjwall.com/blog/2013/10/04/how-i-use-emacs/

	# This script starts emacs daemon if it is not running, opens whatever file
	# you pass in and changes the focus to emacs. Without any arguments, it just
	# opens the current buffer or scratch if nothing else is open. The following
	# example will open ~/.bashrc

	# ec ~/.bashrc

	The MIT License (MIT)

	Copyright (c) 2014 Tomas Kafka

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	function AjaxError(jqXHR, textStatus, errorThrown) {
	this.name = "AjaxError";
	this.message = textStatus;
	this.jqXHR = jqXHR;
	this.errorThrown = errorThrown;
	}
	AjaxError.prototype = new Error();
	AjaxError.prototype.constructor = AjaxError;

	(function($) {

	(ns reagent-test.core
	(:require [reagent.core :as reagent :refer [atom]]
	[datascript :as d]
	[cljs-uuid-utils :as uuid]))

	(enable-console-print!)

	(defn bind
	([conn q]
	(bind conn q (atom nil)))

	// installed Clojure packages:
	//
	// * BracketHighlighter
	// * lispindent
	// * SublimeREPL
	// * sublime-paredit

	{
	"word_separators": "/\\()\"',;!@$%^&\|+=[]{}`~?",
	"paredit_enabled": true,

Miguel Bermudez miguelbermudez

What is Relay?

Clojure Destructuring Tutorial and Cheat Sheet

Vectors and Sequences

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

Datomic pro with Postgresql Setup

Prep

Setups

	(ns react-cljs.core
	(:require React))

	(declare render)

	(defn handle-change [e]
	(render {:text (.. e -target -value)}))

	(defn render [{:keys [text]}]
	(React/renderComponent