elado

// DO NOT USE IN PRODUCTION.. OBVIOUSLY.

const http = require('http')
const httpProxy = require('http-proxy')
const { argv } = require('yargs')

const proxy = httpProxy.createProxyServer()

proxy.on('error', e => console.log('error', e))

elado

import _ from 'lodash'

const CaseChange = {
  camelizeKey: _.memoize(_.camelCase),
  underscoreKey: _.memoize(_.snakeCase),

  convertToCamelcase(object) {
    return deepMapKeys(object, CaseChange.camelizeKey)
  },

elado

function urlEncodedTaggedString(strings, ...substitutions) {
  let result = strings[0]
  for (let i = 0; i < substitutions.length; ++i) {
    result += encodeURIComponent(substitutions[i])
    result += strings[i + 1]
  }
  return result
}

let name = 'I have ? and #!'

elado

import React, { Component } from 'react'
import { omit } from 'lodash-bound'
import { observer, inject } from 'mobx-react'

// usage:
//
// @mobxStoresToProps(['entityStore', 'userStore'], (entityStore, userStore, { conversationId }) => {
//   const conversation = entityStore.conversation.getById(conversationId)
//   const user = conversation.counterParty

elado

Webpack + Asset File Name + Server Rendering

webpack.config.js

import AssetsPlugin from 'assets-webpack-plugin'

// ...

export default {

elado

MobX/Redux's Provider must get only a single child because it only renders what it gets, and React won't handle multiple objects returned from render.

DevTools are usually rendered at the top level component, but in case that top level component renders a router, it needs another element (e.g. div) to wrap everything. This is not always wanted.

  render() {
    return (
      <Provider {/* ... */}>
        <div className="Root">
          <Router {/* ... */}>

elado

@mixin reset {
  &, * {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
    box-sizing: border-box; min-height: 0; min-width: 0;
    ul { list-style: none; }
    button { width: auto; height: auto; border: 0; background-color: transparent; cursor: pointer; outline: none; line-height: 1; }
  }
}

$bem-use-namespace: false !default;

elado

import shallowequal from 'shallowequal'
import _ from 'lodash'

export const LIST_UPSERT = '@@list/LIST_UPSERT'
export const LIST_DELETE = '@@list/LIST_DELETE'

const ids = (state=[], action) => {
  switch (action.type) {
    case LIST_UPSERT: {
      const hasAt = typeof action.at !== 'undefined'

elado

javascript:(function(){function createElement(a,b){var c=document.createElement(a);return b(c),c}function f(a){var e,b=a.width,c=a.height,d=createElement("canvas",function(a){a.width=b,a.height=c}),f=0,g=function(){for(d.getContext("2d").drawImage(a,0,0,b,c),f=0;f<a.attributes.length;f++)e=a.attributes[f],'"'!==e.name&&d.setAttribute(e.name,e.value);d.style.position="absolute",a.parentNode.insertBefore(d,a),a.style.opacity=0};a.complete?g():a.addEventListener("load",g,!0)}function all(){return(new Array).slice.apply(document.images).map(f)}all();})()

elado

require 'sequel'
require 'yaml'
require 'erb'

Sequel.extension :migration
Sequel.extension :pg_array_ops, :pg_json_ops, :pg_hstore_ops

SEQUEL_MIGRATIONS_PATH = './db/migrate'

def database_name