ianmcnally

{
  "disallowImplicitTypeConversion": ["numeric", "boolean", "binary", "string"],
  "disallowKeywordsOnNewLine": ["else"],
  "disallowMixedSpacesAndTabs": true,
  "disallowTrailingWhitespace": true,
  "disallowTrailingComma": true,
  "disallowYodaConditions": true,
  "disallowKeywords": [ "with" ],
  "disallowMultipleLineBreaks": true,
  "disallowMultipleVarDecl": "strict",

ianmcnally

Javascript frameworks at Gust

---

Q: What’s it like at Gust?

• Architecture of client-side code
• Responsibilities

---

ianmcnally

#!/bin/sh

protectedBranch='master'
currentBranch=$(git rev-parse --abbrev-ref HEAD)

lastCommand=$(ps -ocommand= -p $PPID)
disallowedCommand='force|\-f'

if [[ $lastCommand =~ $disallowedCommand ]] && [ $currentBranch = $protectedBranch ]; then
  echo "Force pushing to $protectedBranch is not allowed. Your push is rejected."

ianmcnally

{
    "rules": {
        "indent": [
            2, 2
        ],
        "quotes": [
            2,
            "single"
        ],
        "linebreak-style": [

ianmcnally

const { parse } = require('css')
const { readdirSync, readFileSync } = require('fs')
const { basename, extname, resolve } = require('path')
const camel = require('lodash.camelcase')

const baseNameForCSSFile = filename => basename(filename, '.css')

const isAClassSelector = selector => /^\./.test(selector)

const removeLeadingDotAndTrailingSelectors = selector =>

ianmcnally

//@flow
import React, { Component } from 'react'
import type { ElementRef } from 'react'

type Props = { src: string, alt: string }

type State = { source?: string }

export default class LazyImage extends Component<Props, State> {
  state = {}

ianmcnally

import { columns, display, gridSpans, margin } from './css-modules-styles'

const COLUMNS = 12

const toArray = arrayLike => Array.prototype.slice.call(arrayLike)

const placeItemsOnGrid = grid => {
  const withGutters = grid.classList.contains(columns.withGutters)
  let currentColumnSpansInRow = 0
  let currentRow = 1

ianmcnally

const React = require('react')
const ReactDomServer = require('react-dom/server')
const fetch = require('node-fetch')

function App(props) {
  const { repos } = props

  return React.createElement('p', {
    children: repos.length ? repos[0].name : 'no name',
  })