goldhand

/**
 * Pseudo styles
 * @param {Object} pseudoStates - state object with keys matching pseudo attributes
 * @returns {Object} use(styles)
 *
 * @example
 * const styles = {color: '#000', hover: {color: 'red'}, active: {color: 'green'}};
 * const state = {hover: true, active: true};
 * pseudoStyles(state)
 *   .use(styles.button)

goldhand

/**
 * Immutable move item
 */
const move = (arr, from, to) => {
  const clone = [...arr];
  Array.prototype.splice.call(clone, to, 0,
    Array.prototype.splice.call(clone, from, 1)[0]
  );
  return clone;
};

goldhand

/**
 * Assigns object keys to the assigned child object
 * @returns {Object} keyed object
 */
const withKeys = (obj, uid = 'uid') => {
  return Object.keys(obj).reduce((keyObj, key) => {
    let keyed;
    if (typeof obj[key] === 'object') {
      keyed = {...obj[key], [uid]: key};
    } else {

goldhand

// Array Destructure Assignment Examples

const myArray = ['a', ['b', ['c']], ['d']];

const oldWayA = myArray[0];  // 'a'

const [newWayA] = myArray;  // 'a' 

const oldWayB = myArray[1][0][0];  // 'b'

goldhand

#!/usr/bin/env node
const fs = require('fs');
const path = require('path');

const args = process.argv.slice(2);

const targetDependencies = args.filter(arg => arg.includes('ependencies')).length
  ? args.filter(arg => arg.includes('ependencies'))
  : ['peerDependencies', 'devDependencies', 'dependencies'];
const packageFiles = args.filter(arg => arg.includes('json')).length

goldhand

/**
 * Uncontrolled component
 * DOM controls state and is source of truth.
 */
const EditHeader = ({
	style,
  value,
}) => {

	let elem;

goldhand

/**
 * @function parseStyles
 * Parses a string of inline styles into a javascript object with casing for react
 *
 * @param {string} styles
 * @returns {Object}
 */
const parseStyles = styles => styles
    .split(';')
    .filter(style => style.split(':')[0] && style.split(':')[1])

goldhand

/**
 * fsExists promise
 * @param {string} fp - filepath to check exists
 * @returns {Promise} fsExists
 */
const fsExists = (fp) => new Promise(
  resolve => fs.access(fp, err => resolve(!err))
);

const filepath = path.resolve(__dirname, 'tmp/service-worker.js');

goldhand

<p class="pseudo-content" before="&#8220;" after="&#8221;">You can quote me on this</p>

<!-- will render as:

"You can quote me on this"

-->

goldhand

import localforage from 'localforage';
import throttle from 'lodash/throttle';


const forageConfig = {
  name: 'myproject',
  storeName: 'myproject-data',
};

const appStore = localforage.createInstance(forageConfig);