dlmanning

import reduce from 'universal-reduce'

const transduce = (put, initial) => (collection, ...xfs) =>
  reduce(collection, (accum, value, key) =>
    put(
      accum,
      key,
      reduce(xfs, (result, xf) => xf(result), value)
    ),
    initial

dlmanning

const branchDispatch = (obj, table, defaultFn) =>
  Object.entries(obj)
    .map(([key, value]) =>
      table[key] != null
        ? [key, table[key](value)]
        : typeof defaultFn === 'function'
          ? [key, defaultFn(value)]
          : [key, undefined]
    )
    .reduce((results, [key, value]) => {

dlmanning

import React, { Component } from 'react'
import instyled, { flatKeyed } from 'instyled'
import cascade from 'cascade'

const CheckboxContainer = instyled(flatKeyed(cascade({
  display: 'flex',
  width: 'fit-content',
  padding: 10,
  borderRadius: 7,
  background: 'gray',

dlmanning

import Icon from 'react-fa'
import hoverable from 'lib/hocs/hoverable'
import instyled, { flatKeyed } from 'instyled'
import cascade from 'cascade'

export const EditButton = hoverable(
  instyled(
    flatKeyed(
      cascade({
        position: 'absolute',

dlmanning

export function makeConnector (store) {
  return function connect(mapStateToProps, mapDispatchToProps, mergeProps, options = {}) {
    // same stuff
    return function wrapWithConnect(WrappedComponent) {
      return class Connect extends Component {
        // same stuff
        constructor(props) {
          super(props)
          this.store = props.store || store
          // same stuff

dlmanning

function hoverable (WrappedComponent, propName = 'hover') {
  return class HoverableComponent extends Component {
    constructor (props) {
      super(props)

      this.state = { hovered: false }
    }

    turnHoverOn () {
      this.setState({ hovered: true })

dlmanning

import { default as React, Component } from 'react';

function makeElements () {
  return [
    <h1>Hello</h1>,
    <h1>World,</h1>,
    <h1>How</h1>,
    <h1>are</h1>,
    <h1>you?</h1>
  ]

dlmanning

class Foo extends Bar () {
  constructor () {
    super();
    this.bar = 'fubar';
  }
}

export function FooFactory (...args) {
  return new Foo(...args);
}

dlmanning

const path = require('path');

module.exports = {
  entry: './main.js',

  output: {
    publicPath: '/assets',
    filename: 'bundle.js'
  },

dlmanning

import React from 'react';
import { FlexContext, FlexBox } from 'flex';

const { Component } = React;

class Container extends Component {
  render () {
    console.log('Rendering Container');
    return (
      <g>