Stephan Herzog sthzg

The introduction to Reactive Programming you've been missing

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.

React (Virtual) DOM Terminology

In React's terminology, there are five core types that are important to distinguish:

ReactElement / ReactElement Factory
ReactNode
ReactComponent / ReactComponent Class

React Elements

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

	// # Mocha Guide to Testing
	// Objective is to explain describe(), it(), and before()/etc hooks

	// 1. `describe()` is merely for grouping, which you can nest as deep
	// 2. `it()` is a test case
	// 3. `before()`, `beforeEach()`, `after()`, `afterEach()` are hooks to run
	// before/after first/each it() or describe().
	//
	// Which means, `before()` is run before first it()/describe()

	# ...
	ADD package.json /tmp/package.json
	RUN cd /tmp && npm install && \
	mkdir -p /opt/app && cp -a /tmp/node_modules /opt/app/

	# ...
	WORKDIR /opt/app
	ADD . /opt/app

	#!/bin/bash
	IPT="/sbin/iptables"

	# Server IP
	SERVER_IP="$(ip addr show eth0 \| grep 'inet ' \| cut -f2 \| awk '{ print $2}')"

	# Your DNS servers you use: cat /etc/resolv.conf
	DNS_SERVER="8.8.4.4 8.8.8.8"

	# Allow connections to this package servers

	object GithubHelper {

	/**
	* Parse the Github Link HTTP header used for pagination
	*
	* http://developer.github.com/v3/#pagination
	*
	* Original code found here : https://gist.github.com/niallo/3109252
	*
	* @param linkHeader

	var AppConstants = require('../constants/AppConstants.js');
	var AppDispatcher = require('../dispatchers/AppDispatcher.js');
	var api = require('../utils/api');

	var ActionTypes = AppConstants.ActionTypes;

	module.exports = {
	create_customer: function(data){
	api.customer.create(data);
	}

	// Component

	var AnswerDisplay = React.createClass({
	mixins: [FluxMixin, StoreWatchMixin("answer")],

	getStateFromFlux() {
	var flux = this.getFlux(),
	answerStore = flux.store("answer");

	return {

	#!/bin/bash

	function switch_files {
	mv $1.png $1.tmp.png
	mv $1-inverse.png $1.png
	mv $1.tmp.png $1-inverse.png
	mv $1@2x.png $1@2x.tmp.png
	mv $1[email protected] $1@2x.png
	mv $1@2x.tmp.png $1[email protected]
	}