alexreardon

(function(){
	function addWindowEvent (event, fn) {
		var old = window[event];
		if (typeof old !== 'function') {
			window[event] = fn;
			return;
		}

		window[event] = function () {
			old.apply(window, arguments);

alexreardon

// Native selectors.
(function(window, document) {
	'use strict';

	var noop = function() {
	};

	// DOCUMENT LOAD EVENTS
	// not needed at the bottom of the page
	document.addEventListener('DOMContentLoaded', noop);

alexreardon

Good tester: http://www.regexr.com/
Cheat sheet: http://ole.michelsen.dk/tools/regex.html

| = or
(ab|ba)
() = capture
(Java|Ecma)Script
(?:Java|Ecma)Script => don't care about capture

// negated character classes

alexreardon

(function() {

    var person = {
        sayName: function() {
            console.log('my name is ' + this.name);
        }
    };

    var bob = Object.create(person);
    bob.name = 'bob';

alexreardon

let _callbacks = {};
const events = {
  on(name, cb) {
    _callbacks[name] = _callbacks[name] || [];
    _callbacks[name].push(cb);
  },
  dispatch(name, data) {
    setTimeout(function() {
      (_callbacks[name] || []).forEach(cb => cb(data));
    });

alexreardon

const data = {
    'key': 'mixed-characters',
    'summary': 'Привет!'
};

alexreardon

The 'middleware listener' pattern:
better asynchronous actions in Redux

For reference, here is a standard synchronous Redux action creator:

export const simpleAction = () => {
    return {
        type: actionTypes.PERFORM_SIMPLE_ACTION
    };
}

alexreardon

// @flow
import fs from 'fs';
import { Observable } from 'rxjs';

type Options = {
  highWaterMark: number,
  encoding: string,
}

const defaultOptions: Options = {

alexreardon

import React, { Component } from 'react';

class Student extends Component<{ student: Person }> {
  render() {
    // Renders out a draggable student
  }
}

class InnerList extends Component<{ students: Person[] }> {
  // do not re-render if the students list has not changed

alexreardon

const getIdMap = memoizeOne((array) => {
  return array.reduce((previous, current) => {
   previous[current.id] = array[current];
   return previous;
  }, {});
});

const foo = { id: 'foo' };
const bar = { id: 'bar' };