malectro

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

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

malectro

{
  "styles": [
    {"type": "underline", "start": 12, "end": 19},
    {"type": "bold", "start": 27, "end": 31}
  ],
  "annotations": [
    {"nodeId": 87, "start": 27, "end": 31}
  ],
  "links": [],
  "offsetX": 10,

malectro

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);
      });

malectro

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;

malectro

Agenda

The Goal

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

The Options

Choose a Framework (like Redux)

malectro

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} />
  }

malectro

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

malectro

@require_auth
@require_admin
def get(self):
  args = self.get_parser().parse_args()
  return User.get_by_id(args.id)

malectro

export const key = keyFunc => (
  wrappedFunc => {
    wrappedFunc.KEY = keyFunc;
    return wrappedFunc;
  };
);

malectro

const getUser = (userId) => (dispatch, getState) => {
  // create a unique key for this request
  const key = `@@getUser:${userId}`;

  // if the action creator has already fired off a request, return it
  const fetching = getState().fetching[key];
  if (fetching) {
    return fetching;
  }