everdimension

import React from 'react';

const inputParsers = {
  date(input) {
    const [month, day, year] = input.split('/');
    return `${year}-${month}-${day}`;
  },
  uppercase(input) {
    return input.toUpperCase();
  },

everdimension

#!/bin/bash

# Creates the following structure
# | - ComponentName
#     | - ComponentName.js
#     | - ComponentName.css
#     | - index.js

createComponent() {
  mkdir $1

everdimension

handleSubmit(event) {
  const form = event.target;
  const data = {}
  for (let element of form.elements) {
    if (element.tagName === 'BUTTON') { continue; }
    data[element.name] = element.value;
  }
}

everdimension

body {
  font-family:
    /* Safari for OS X and iOS (San Francisco) */
    -apple-system,
    /* Chrome >= 56 for OS X (San Francisco), Windows, Linux and Android */
    system-ui,
    /* Chrome < 56 for OS X (San Francisco) */
    BlinkMacSystemFont,
    /* Windows */
    "Segoe UI",

everdimension

Keybase proof

I hereby claim:

• I am everdimension on github.
• I am everdimension (https://keybase.io/everdimension) on keybase.
• I have a public key ASDZ-VkHtJ_900M-VqWOsuxU_ZJPPpICcOXL6n6qnecOhQo

To claim this, I am signing this object:

everdimension

function isNumericValue(n) {
  return !isNaN(Number(n) - parseFloat(n));
}

everdimension

const ActuallyUsedComponent = () => (
  <div>
    /* some layout and markup that doesn't depend on global state */
    <Connect mapStateToProps={mapStateToProps} mapPropsToActions={actions}>
      /* some markup where the props from connect are actually needed */
    </Connect>
    <Route
      path="..."
      component={() => (
        <div>

everdimension

// Say we need to display list of posts showing *only* their titles
// and name of the post author

// without graphql
const data = {
  posts: null,
  usersById: {},
};

get('/api/posts')

everdimension

function arraySum(arr) {
  return arr.reduce((sum, next) => sum + next, 0);
}

function padLeft(string, size) {
  let res = string;
  while (res.length < size) {
    res = `0${res}`;
  }
  return res;

everdimension

import * as React from 'react';

interface Props {
  value: string | number;
  name?: string;
  onChange(name: string, value: number): void;
}

interface State {
  value: string;