Dmitry Efimenko borm

Reduce boilerplate in Redux

Create actions similar to Flummox.
Generate action ids.
Supports actions with decorators, promises, and therefore ES7 async.

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

	function pureRenderMixin(Component) {
	Component.prototype.shouldComponentUpdate(nextProps, nextState) {
	return !shallowEqual(this.props, nextProps) \|\|
	!shallowEqual(this.state, nextState);
	}

	return Component;
	}

	class MyComponent extends React.Component {}

	var pureRender = (Component) => {
	Object.assign(Component.prototype, {
	shouldComponentUpdate (nextProps, nextState) {
	return !shallowEqual(this.props, nextProps) \|\|
	!shallowEqual(this.state, nextState);
	}
	});
	};

	module.exports = pureRender;

	const CANCEL = Symbol();

	class CancellationToken {

	constructor() {
	this.cancelled = false;
	}

	throwIfCancelled() {
	if (this.isCancelled()) {

	//----- The ECMAScript 6 meta object protocol (MOP) implemented in ES5
	// This is how getting a property is handled internally.
	// Double underscore (__) implies internal operation.

	Object.prototype.__Get__ = function (propKey, receiver) {
	receiver = receiver \|\| this;
	var desc = this.__GetOwnProperty__(propKey);
	if (desc === undefined) {
	var parent = this.__GetPrototypeOf__();
	if (parent === null) return undefined;

	/** @jsx React.DOM */

	var AsyncComponent = React.createClass({
	getInitialState: function() {
	return {
	}
	},

	render: function() {
	return <div></div>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	// Put John's template engine code here...

	(function () {
	// A hash to store our routes:

	/*
	Relies on jQuery, underscore.js, Async.js (https://github.com/caolan/async), and zip.js (http://gildas-lormeau.github.com/zip.js).
	Tested only in Chrome on OS X.

	Call xlsxParser.parse(file) where file is an instance of File. For example (untested):

	document.ondrop = function(e) {
	var file = e.dataTransfer.files[0];
	excelParser.parse(file).then(function(data) {
	console.log(data);

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];