Chris Pearce chrisui

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.

JSX Spread Attributes

If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:

  var component = <Component foo={x} bar={y} />;

Mutating Props is Bad, mkay

Deprecating `transferPropsTo`

It's a common pattern in React to wrap a component in an abstraction. The outer component exposes a simple property to do something that might have more complex implementation details.

We used to have a helper function called transferPropsTo. We no longer support this method. Instead you're expected to use a generic object helper to merge props.

render() {
 return Component(Object.assign({}, this.props, { more: 'values' }));

New React Element Factories and JSX

In React 0.12, we're making a core change to how React.createClass(...) and JSX works.

If you're using JSX in the typical way for all (and only) React components, then this transition will be seamless. Otherwise there are some minor breaking changes described below.

The Problem

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

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

	#301 Redirects for .htaccess

	#Redirect a single page:
	Redirect 301 /pagename.php http://www.domain.com/pagename.html

	#Redirect an entire site:
	Redirect 301 / http://www.domain.com/

	#Redirect an entire site to a sub folder
	Redirect 301 / http://www.domain.com/subfolder/

	/* Based on
	* - EGM Mathematical Finance class by Enrique Garcia M. <[email protected]>
	* - A Guide to the PMT, FV, IPMT and PPMT Functions by Kevin (aka MWVisa1)
	*/

	var ExcelFormulas = {

	PVIF: function(rate, nper) {
	return Math.pow(1 + rate, nper);
	},

	#!/usr/bin/osascript

	# Name of the device as visible in Safari->Develop menu
	set deviceName to "iPhone Simulator"

	# Number of seconds to wait for the simulator window to show up
	set maxWait to 30

	# ---------------------------------------
	# You shouldn't modify anything below here

	var copyProperties = require('react/lib/copyProperties'),
	Dispatcher = require('flux').Dispatcher,
	util = require('util');

	function AppDispatcher() {
	Dispatcher.call(this);
	this._queue = [];
	}

	util.inherits(AppDispatcher, Dispatcher);