chrismllr

<Spacing bottom="30px">
  <Label>Username</Label>
  <TextInput 
    value={this.state.userName}
    onChange={this.updateUsername} 
  />
</Spacing>

chrismllr

/* Usage
const navigationHandlers = [
  {
    predicate: props => props.currentUser.isAuthenticated === false,
    handler: navigator => {
      navigator.resetTo({
        screen: LOGIN_SCREEN,
        animationType: 'fade'
      });
    }

chrismllr

export function compose (factories) {
  return function ontoEntity (entity) {
    const factoryAdditions = factories.reduce((composed, fn) => {
      return { ...composed, ...fn(entity) };
    }, {});

    return {
      ...entity,
      ...factoryAdditions
    };

chrismllr

import set from 'lodash.set';

/*
New DOM node.
arguments:
nodeType (string) 'div': name of the DOM element
children (ArrayOf[n, t, svg]): Child nodes
opts (Object): element attributes. className, id, etc

Usage:

chrismllr

const dependencies = new Map();

export class Container {
  static resolve(Class) {
    const deps = dependencies.get(Class);
    return new Class(...deps);
  }

  static registerDependencies(Class, deps) {
    dependencies.set(Class, deps);

chrismllr

export function fontPrimary () {
  return 'Source Sans Pro, sans-serif';
}

export function fontSecondary () {
  return 'Lato, sans-serif';
}

export function textStyle (style) {
  if (style === 'upper') {