alex-cory

/**
 * this_is_snake_case
 * thisIsCamelCase
 * this-is-cabob-case
 */
const camelToSnakeCase = w => w.replace(/([A-Z])/g, l => '_' + l.toLowerCase())

const toCamel = s => s.replace(/(\-[a-z])/g, l => l.toUpperCase().replace('-',''))

const cabobToCamelCase = s => s.replace(/([A-Z])/g, l => "-"+l.toLowerCase())

alex-cory

import { useState, useEffect } from 'react'
 
/**
 * Examples of Reusable Custom Hooks
 * - useLodash https://github.com/chantastic/use-lodash
 * - useEvents https://github.com/sandiiarov/use-events
 * - list of hooks https://github.com/streamich/react-use
 * - awesome hooks https://github.com/rehooks/awesome-react-hooks
 */

alex-cory

/**
 * Only take the specified fields out of the object
 */
const pick = (o, ...fields) =>
  fields.reduce((acc, x) => {
    if ((o || {}).hasOwnProperty(x)) {
      acc[x] = o[x];
    }
    return acc;
  }, {});

alex-cory

const sleep = (ms = 0) => new Promise(r => setTimeout(r, ms))

alex-cory

const classToObject = theClass => {
  const originalClass = theClass || {}
  const keys = Object.getOwnPropertyNames(Object.getPrototypeOf(originalClass))
  return keys.reduce((classAsObj, key) => {
    classAsObj[key] = originalClass[key]
    return classAsObj
  }, {})
}

alex-cory

const css2obj = (strings, ...vals) => {
  const css = strings.reduce((acc, str, i) => acc + str + (vals[i] || ''), '')
  const r = /(?<=^|;)\s*([^:]+)\s*:\s*([^;]+)\s*/g, o = {}
  css.replace(r, (m,p,v) => o[p.replace(/-(.)/g, (_,p) => p.toUpperCase())] = v)
  return o
}

const actual = css2obj`
  position: fixed;
  left: 50%;

alex-cory

#!/usr/bin/env bash
#
# BUGS:
# 1. not adding settings to .zshrc from below (i.e. default theme, packages, custom functions, etc.)
# 2. not auto-hiding doc
# 3. not auto-hiding menu bar
# 4. not adding .vimrc
# 5. not automatically copying iTerm profile, Option + Space not setup to toggle iTerm, doesn't default to opening iTerm at startup
#
# Bootstrap script for setting up a new OSX machine

alex-cory

  const { data: todos, loading } = useFetch('https://jsonplaceholder.typicode.com/todos', {
    data: [], // <- we set this so our initial `data` is an array
  }, []) // <- this empty array signifies, run onMount

alex-cory

import styled, { css, keyframes } from 'styled-components'

export default Skeleton	export const skeletonKeyframes = keyframes`
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
`

alex-cory

import { PusherProvider } from '@harelpls/use-pusher'

// _app.js
const config = {
  clientKey: 'your-pusher-client-key',
  cluster: 'us2',
  // required for private/presence channels
  authEndpoint: '/api/pusher/auth'
}
const App = ({ Component, pageProps }) => (