Kyle Warren malectro

Agenda

We'd like to unify our Router on both client and server and do away with the dispatcher.

	var forEachPromise = function (array, callback) {
	var i = 0;

	function iterate() {
	if (i < array.length) {
	callback(arrray[i]).then(function () {
	i++;
	iterate();
	});
	}

	var _ = require('underscore');
	var escape = require('escape-html');

	function recur(item) {
	var ret;
	if (_.isObject(item) \|\| _.isArray(item)) {
	ret = new item.constructor();
	_.each(item, function (val, key) {
	ret[key] = recur(val);
	});

	var _ = require('underscore');
	var escape = require('escape-html');

	function ord(string) {
	return string;
	//return '' + string.charCodeAt();
	}

	function pad(string, zeros) {
	var count = zeros - string.length;

	import React, {Component} form 'react';
	import MyComponent from 'my-component.jsx'; // wrapped by FluxComponent

	class ParentComponent extends Component {
	componentDidMount() {
	assert(this.fluxComponent.getWrapped() === this.childEl);
	}
	render() {
	return <MyComponent ref={el => this.fluxComponent = el} wrappedRef={el => this.childEl = el} />
	}

	const getUser = (userId) => (dispatch, getState) => {
	// check if we are currently fetching and return that promise
	const fetching = getState().fetching[userId];
	if (fetching) {
	return fetching;
	}

	// check if the user is cached
	const cacheItem = getState().cache[userId];
	if (cacheItem && cacheItem.expireTime > Date.now()) {

	const usersReducer = (state = {users: {}, fetching: {}, cache: {}}, {type, payload}) => {
	switch (type) {
	case START_FETCHING:
	return {
	...state,
	fetching: {
	...state.fetching,
	[payload.userId]: payload.promise,
	},
	};

	const key = generator => actionCreator => {
	actionCreator.keyGenerator = generator;
	return actionCreator;
	};