eliseumds

Date Formatter: how to use

var formatter = new DateFormatter();

// get a formatting callback(date) -> string
var myChartSettings = {
    tickFormatter: formatter.createCallbackUsing(DateFormatter.FULL_HOUR)
};

eliseumds

Number Formatter: how to use

// some pre-made formatters
var myFormatFn = NumberFormatter.PERCENT; // check NumberFormatter.js for more
myFormatFn(0.54122); // '54.1%'
myFormatFn('0.54122'); // '54.1%'

var formatter = new NumberFormatter();

eliseumds

Cached API client with decorator

This approach has some really cool benefits:

• The API class stays as a small and clean unit
• Easy to use other caching techniques. Even multiple are supported simultaneously
• Explicit code

Http Client

eliseumds

Some reading before it: https://gist.github.com/eliseumds/8f970d8929e61b981438

How to cancel a bunch of requests?

var requestManager = new RequestManager();
var request1 = myApi.get('/resource1');
var request2 = myApi.get('/resource2');

requestManager.addAll([request1, request2]);

eliseumds

getXrange(data) {
    const xRange = this.props.xRange
    let max = -Infinity
    let min = Infinity
    if (xRange.max) {
        max = xRange.max
    }
    if (xRange.min) {
        min = xRange.min
        if (xRange.pivotNumber) {

eliseumds

import React, { Component, PropTypes } from 'react';
import ReactDOM from 'react-dom';
import isNumber from 'lodash/isNumber';
import elementResizeDetector from 'element-resize-detector';

let erd;

if (__CLIENT__) {
  erd = elementResizeDetector({
    strategy: 'scroll'

eliseumds

import React, { PureComponent, PropTypes } from 'react';
import { connect } from 'react-redux';
import { formValueSelector } from 'redux-form';

/*
  Example usage:

  * Get the value of a single form field:

  <FormValueSelector fieldName="phone">

eliseumds

Keybase proof

I hereby claim:

• I am eliseumds on github.
• I am eliseumds (https://keybase.io/eliseumds) on keybase.
• I have a public key whose fingerprint is A769 D45E 5412 B851 7005 F236 E133 86CB DA8D D9B1

To claim this, I am signing this object:

eliseumds

export function serializeServerDataToJsonString(data: Object): string {
  const jsonString = JSON.stringify(data);

  return jsonString
    .replace(/<\/script/gim, '</_escaped_script')
    .replace(/<!--/gm, '\\u003C!--')
    .replace(new RegExp('\u2028', 'g'), '\\u2028')
    .replace(new RegExp('\u2029', 'g'), '\\u2029')
    .replace(/\\/g, '\\\\')
    .replace(/\n/g, '\\n')

eliseumds

const machine = Machine({
  id: 'subscriptionFlow',
  initial: 'pickingBrand',
  context: {
    value: 'pickingBrand',
  },
  states: {
    pickingBrand: {
      on: {
        PICK_BRAND: 'loadingBrand',