stephenway

BEMIT Cheatsheet

Give developers more knowledge about how the classes behave in a non-relative sense: BEM + ITCSS = BEMIT

• More Transparent UI Code with Namespaces
• BEMIT: Taking the BEM Naming Convention a Step Further

Evolution

BEM:

stephenway

git commit --amend --author "Stephen Way <way.stephen@gmail.com>" --no-edit && \
git rebase --continue
...
git push origin master --force

stephenway

/*
 * Author: @carlosagsmendes
 * Source: https://github.com/jquense/yup/issues/345#issuecomment-487320558
 */

import yup from 'yup';

yup.addMethod(yup.array, 'unique', function (message, mapper = a => a) {
  return this.test('unique', message, function (list) {
    return list.length === new Set(list.map(mapper)).size;

stephenway

import { useField } from 'formik'
import React from 'react'
import StringMask from 'string-mask'
import TextField from '@material-ui/core/TextField'

const DELIMITER = '-'
const MASK = '000-000-0000'

function removeTrailingCharIfFound(str: string, char): string {
  return str

stephenway

# Tweetbot for Mac Super Secret Settings
# (updated on Oct 31, 2012)

# You will need to use the Terminal app to change these settings:

# these all affect the text in a DM or new tweet - the default is yes for all of them

defaults write com.tapbots.TweetbotMac TextAutomaticQuoteSubstitution -bool NO
defaults write com.tapbots.TweetbotMac TextAutoCorrect -bool NO
defaults write com.tapbots.TweetbotMac TextContinuousSpellChecking -bool NO

stephenway

Warning: member-ordering - Direct string option is deprecated and does not support accessors.
See also https://palantir.github.io/tslint/rules/member-ordering/
You should replace "variables-before-functions"
with the following equivalent options and add -accessor categories as appropriate:
[
{
  "name": "field",
  "kinds": [
    "public-static-field",
    "protected-static-field",

stephenway

import { useRef } from 'react'

const usePrevious = value => {
  const ref = useRef()
  useEffect(() => {
    ref.current = value
  })
  return ref.current
}

stephenway

GraphQL Summit 2019 Talks

Day 1 General Session

• Opening Keynote: Matt DeBergalis, Co-Founder, CTO at Apollo
• Migrating to Apollo at Airbnb: Brie Bunge , Airbnb
• The GraphQL Developer Experience: Danielle Man, Apollo
• State Management in GraphQL using React Hooks & Apollo: Shruti Kapoor, PayPal
• Fine-Tuning Apollo Client Caching for Your Data Graph: Ben Newman, Apollo
• Scaling GraphQL Beyond a Backend for Frontend: Michelle Garrett, Condé Nast International

stephenway

/**
 *
 * AccountHolder Default Values
 */

import find from 'lodash.find'
import get from 'lodash.get'
import {
  AccountHolderMutationVariables, AccountTypeEnum, GetAccountHolderQuery, GetPersonQuery
} from '@types-generated'

stephenway

React Compound Components

Source

• [Original Formik Multistep Wizard Implementation][0]

Reference

• [Compound React Components with Hooks + TypeScript][1]
• [Guide to Typescript and Hooks][2]: A bit more basic but relevant