granmoe

This file is only here to provide the title of the gist

granmoe

// this file is just here to change the name of the gist
import React from 'react'
import styled from 'styled-components'

const makeResponsiveComponent = (rulesets, tagName = 'div') =>
  styled(tagName)`${buildStyles(rulesets)}`

const buildStyles = rulesets =>
  rulesets.reduce(
    (cssString, { constraint, width, rules }) =>

granmoe

import React from 'react'

export default options => {
  return WrappedComponent => class FormValidation extends React.Component {
    constructor () {
      super()
      this.validate = options.validate

      this.state = options.fields.reduce((result, field) => {
        result.fields.push(field)

granmoe

/**
 * Given an array of Person objects, returns the root PersonTreeNode (the CEO).
 * @param {Person[]} employees - An array of Person objects representing all the employees of the company.
 * @returns {PersonTreeNode} The CEO of the organization.
 */
function generateTree(employees) {
  let ceo = null

  const visitedById = new Map()
  const visitedByManagerId = new Map()

granmoe

const convertToRomanNumerals = int => {
  const romanNumerals = ['I', 'V', 'X', 'L', 'C', 'D', 'M']
  const createRomanNumeralRange = (I, V, X) => [
    '',
    I,
    `${I}${I}`,
    `${I}${I}${I}`,
    `${I}${V}`,
    V,
    `${V}${I}`,

granmoe

// I like how this approach lets me test my hook as if it's a pure function,
// but something about this feels weird 🤔 🤫

test('use-validation', () => {
  let counter = 0
  render(
    <Test>
      {fields => {
        const fooFuncs = {
          onChange: fields.foo.onChange,

granmoe

import React from 'react'
import { render, fireEvent } from 'react-testing-library'
import useValidation from '..'

describe('use-validation', () => {
  const Test = ({ mockFunc, handleSubmit }) => {
    const { fields } = useValidation({
      fields: {
        foo: '',
        bar: '',

granmoe

[alias]
	s = status
	d = diff
	c = checkout
	co = commit
	ps = push
	l = log
	p = pull
	b = branch
[user]

granmoe

import React from 'react'

export default options => {
  return WrappedComponent => class FormValidation extends React.Component {
    constructor () {
      super()
      this.validate = options.validate
      this.cachedFunctions = { onChange: {}, onBlur: {} }

      this.state = options.fields.reduce((result, field) => {

granmoe

export default function (reducerMap = {}, initialState) =>
  (state = initialState, { type = '', ...payload }) =>
    (reducerMap[type] || (() => state))(state, payload) // if type isn't found in the reducer, just use a noop