AsaAyers

now with usePendingFormSubmit()

AsaAyers

Hello Remix!

<form>! Hello old friend! I haven't seen you in a long time.

AsaAyers

/* eslint-disable func-names, no-plusplus, babel/semi, arrow-parens, no-ternary, no-undefined */
/* eslint semi: ["error", "never"] */

/* global inlineTools:true, copy */

inlineTools = (function () {
  const replacer = (c) => `-${c.toLowerCase()}`
  const toCSSProperty = (property) => property.replace(/[A-Z]/g, replacer)
          .replace(/^webkit/, '-webkit')

AsaAyers

#!/bin/bash

# This script was written with the following assumptions:
#   * you have two remotes: `upstream` and `origin`.
#   * you only ever push to `origin`


# For most projects this would be master, but dev is our main branch
DEFAULT_BRANCH="dev"

AsaAyers

import React from 'react'
import { Match } from 'react-router'

// example:
// <MatchWithTransforms
//     transforms={{ id: Number }}
//     pattern="/page/:id"
//     component={ViewPage} />

const MatchWithTransforms = ({ transforms, ...matchProps}) => {

AsaAyers

You Don't Need CoffeeScript

It's time to replace CoffeeScript with Babel and CoffeeLint with eslint.

CoffeeScript was useful a few years ago. It provided many features that JavaScript was lacking. It gave us the fat arrow (lexical this functions), default parameters, destructuring assignments, splats (spread operator), a class keyword, block strings, and more. Everything in the list above is now part of the JavaScript standard. JavaScript is moving forward and gaining

AsaAyers

// This was written using gists editor. I hope I have the syntax right.

function HOCAutoSizer(ChildComponent) {
  return function(props) { // Stateless component
    return (
      <AutoSizer>
      {({ height, width }) => (
        <ChildComponent
          width={width}
          height={height}

AsaAyers

Keybase proof

I hereby claim:

• I am asaayers on github.
• I am asaayers (https://keybase.io/asaayers) on keybase.
• I have a public key is ASA-KrZq2n-UzkQ7If6W6JZhW2GHHBNiK8J0bXyg6INuMwo

To claim this, I am signing this object:

AsaAyers

const someObject = {
    a: "Some Value"
//     ^ Input
//  ^ Output: someObject.a
}

const { a: a } = someObject
//         ^ Output: `const a`
//      ^ Input: someObject.a

AsaAyers

{
    "arrow_spacing": {
        "level": "error"
    },
    "cyclomatic_complexity": {
        "value": 11,
        "level": "warn"
    },
    "indentation": {
        "value": 4